| [ Index ] |
PHP Cross Reference of Drupal 6 (gatewave) |
[Summary view] [Print] [Text view]
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <title>jQuery UI Draggable - Revert position</title> 5 <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> 6 <script type="text/javascript" src="../../jquery-1.3.2.js"></script> 7 <script type="text/javascript" src="../../ui/ui.core.js"></script> 8 <script type="text/javascript" src="../../ui/ui.draggable.js"></script> 9 <link type="text/css" href="../demos.css" rel="stylesheet" /> 10 <style type="text/css"> 11 #draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; } 12 </style> 13 <script type="text/javascript"> 14 $(function() { 15 $("#draggable").draggable({ revert: true }); 16 $("#draggable2").draggable({ revert: true, helper: 'clone' }); 17 }); 18 </script> 19 </head> 20 <body> 21 <div class="demo"> 22 23 <div id="draggable" class="ui-widget-content"> 24 <p>Revert the original</p> 25 </div> 26 27 <div id="draggable2" class="ui-widget-content"> 28 <p>Revert the helper</p> 29 </div> 30 31 </div><!-- End demo --> 32 33 <div class="demo-description"> 34 35 <p> 36 Return the draggable (or it's helper) to its original location when dragging stops with the boolean <code>revert</code> option. 37 </p> 38 39 </div><!-- End demo-description --> 40 </body> 41 </html>
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
| Generated: Thu Mar 24 11:18:33 2011 | Cross-referenced by PHPXref 0.7 |