Tutorials Point


  Learn script.aculo.us
  script.aculo.us Resources
  Selected Reading

Copyright © 2014 by tutorialspoint



  Home     References     Discussion Forums     About TP  

Drag 'n' Drop with revert Option


previous next AddThis Social Bookmark Button


Advertisements

Description:

If set to true, the element returns to its original position when the drags ends. Also specifies whether the reverteffect callback will be invoked when the drag operation stops. Defaults to false.

Syntax:

Here is the simple syntax to set revert option.

new Draggable('element', {revert:true});

Example:

<html>
<head>
<title>Draggables Elements</title>
<script type="text/javascript" 
        src="/javascript/prototype.js"></script>
<script type="text/javascript"
        src="/javascript/scriptaculous.js"></script>

<script type="text/javascript">

window.onload = function() {
     new Draggable('myimage', {revert:true} );
}
</script>

</head>
<body>
<p>Drag it and then leave it to see the result:</p>
<img id="myimage" src="/images/scriptaculous.gif"/>

</body>

To understand it in better way you can Try it yourself.



previous next Printer Friendly

Advertisements


  

Advertisements