3 <title>script.aculo.us Drag and drop functional test file
</title>
4 <script type=
"text/javascript" src=
"../../MochiKit/MochiKit.js"></script>
5 <script type=
"text/javascript" src=
"../../MochiKit/Position.js"></script>
6 <script type=
"text/javascript" src=
"../../MochiKit/Visual.js"></script>
7 <script type=
"text/javascript" src=
"../../MochiKit/DragAndDrop.js"></script>
16 <h1>script.aculo.us Drag and drop functional test file
</h1>
18 <h2>w/o hoverclass
</h2>
20 <div id=
"cart" class=
"cart" style=
"text-align:center;height:50px;padding:10px;background-color:#fba">
24 <script type=
"text/javascript">new MochiKit.DragAndDrop.Droppable('cart', {ondrop:function(element,dropon){alert('w/o hoverclass, should be
\'product_id
\':' + encodeURIComponent(element.id) + ', dropon should be
\'cart
\':' + dropon.id)}})
</script>
28 <img alt=
"Product2" id=
"product_id" src=
"icon.png" /> <-- drag this!
30 <script type=
"text/javascript">new MochiKit.DragAndDrop.Draggable('product_id', {revert:true})
</script>
32 <h2>w/ hoverclass
</h2>
35 <div id=
"carth" class=
"cart" style=
"text-align:center;height:50px;padding:10px;background-color:#fba">
39 <script type=
"text/javascript">new MochiKit.DragAndDrop.Droppable('carth', {hoverclass:'hoverclass123',ondrop:function(element, dropon, event){alert('w/ hoverclass: should be
\'product_id
\':' + encodeURIComponent(element.id) + ', dropon should be
\'carth
\':' + dropon.id)}})
</script>