Drag and Drop using javascript

DrRakha

If you want to make drag and drop in your website , i think the following example will be helpful to you .The example is based on javascript script language .There is two files html for test and javascript and it is the core of the example ,

index.html

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
   <head>
       <title>Drag and drop in website using javascript</title>
       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <script type="text/javascript" src="drag.js"></script>
   </head>
   <body>

      <div id="container">


<div id="info">Start drag process...</div>
<div id="square" style="position: relative; width: 60px; height: 60px; background:#990033; border: 2px solid #3399CC;"></div>
 


<script type="text/javascript">

   function begin (element, x, y) {
      var s = '#' + element.id + ' (begin drag)' + ' x:' + x + ', y:' + y;
      updateInfo(s);
   }

   function drag (element, x, y) {
      var s = '#' + element.id + ' (dragging)' + ' x:' + x + ', y:' + y;
      updateInfo(s);
   }

   function end (element, x, y) {
      var s = '#' + element.id + ' (end drag)' + ' x:' + x + ', y:' + y;
      updateInfo(s);
   }

   function updateInfo(s) {
      document.getElementById('info').innerHTML = s;
   }
 
   var square = DragHandler.attach(document.getElementById('square'));
 
 

   square.dragBegin = begin;
   square.drag = drag;
   square.dragEnd = end;
 

</script>
 


      </div>

   </body>
</html>

and the javascript file

rimmazz

What is the code for making windows pop up as javascript windows? I've seen the coding before and its something like "javascript:open" or something... I'm not really sure... Could anyone give me the link coding to do that? Thanks.
____________________
affiliateelite ~ affiliateelite.com ~ adgooroo ~ adgooroo.com

Java

C/C++

PHP

C#

HTML

CSS

ASP

Javascript

JQuery

AJAX

XSD

Python

Matlab

R Scripts

Weka

Drag and Drop using javascript