'dragDrop()' Example : Drag Drop « Document « JavaScript DHTML

1.	Ajax Layer
2.	Data Type
3.	Date Time
4.	Development
5.	Document
6.	Dojo toolkit
7.	Event
8.	Event onMethod
9.	Form Control
10.	GUI Components
11.	HTML
12.	Javascript Collections
13.	Javascript Objects
14.	Javascript Properties
15.	jQuery
16.	Language Basics
17.	Node Operation
18.	Object Oriented
19.	Page Components
20.	Security
21.	Style Layout
22.	Table
23.	Utilities
24.	Window Browser
25.	YUI Library

Java

Java Tutorial

Java Source Code / Java Documentation

C# / CSharp Open Source

SQL Server / T-SQL Tutorial

Oracle PL / SQL

Oracle PL/SQL Tutorial

Flash / Flex / ActionScript

VBA / Excel / Access / Word

XML

XML Tutorial

Microsoft Office PowerPoint 2007 Tutorial

Microsoft Office Excel 2007 Tutorial

Microsoft Office Word 2007 Tutorial

JavaScript DHTML » Document » Drag Drop

'dragDrop()' Example




    

<html>

<body>

<script language="JavaScript">

function function1() {

    document.all.sourceObject.dragDrop()

    var m = document.all.sourceObject.dragDrop()

    alert(m+".\nDrag operation is not yet completed") 

} 

</script>

<div onmouseup="function1();">



<input id="sourceObject" size=50 value="The (whole or part) text to drag">



<p>Drop selected text into the following text field.</p>



<input id="targetObject" size=50 value="Drag destination element">



</div>

</body>

</html>

Related examples in the same category

1.	'dropEffect' Example
2.	'effectAllowed' Example

w_ww__.ja___va2___s__._c___o___m_ |

|Contact Us

All other trademarks are property of their respective owners.