Drag and Resize - JavaScript Made Easy

Metachecker.net

|

FontsMadeEasy.com

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial



Drag and Resize		[Download script]

Hold down the Shift key to resize image or simly move it. This text is also movable.


Insert into <HEAD>


Insert into <BODY>


Other Options
1. Each of the images to be set draggable requires a unique name, as for instance: <img name="name1" src="someImg.jpg" width="220" height="135"><br> Width and height attributes are mandatory and should be absolute numbers like width="220", rather than relative ones like width="23%". Each of layers requires a unique ID and, contrary to images, must be positioned relatively or absolutely:<br> <div id="name2" style="position:absolute;...">Text</div>. 2. Insert this code just after opening <body> tag - <script type="text/javascript" src="wz_dragdrop.js"></script> and this code before closing tag </body> - <script type="text/javascript"> SET_DHTML("name1", "name2", "anotherLayer", "lastImage");<br> </script> where the names of the drag-drop elements must be passed to SET_DHTML( ) 3. Save the wz_dragdrop.js into the same directory as htm file (or save and input the correct path to another directory) 4. Save the transparentpixel.gif to the same directory