Wiki  |   Blog  |   Sitemap  |   Search  
Home
JavaScript UI FrameworkExamplesRuntime (DOM, SMIL..)UI Managers

Drag&Drop manager

Try moving yellow bricks from one green box to another.

Source code

<script type="application/ample+xml" xmlns="http://www.w3.org/1999/xhtml" xmlns:aml="http://www.amplesdk.com/ns/aml"> <div aml:droppable="true" class="droppable" ondragenter="event.dataTransfer.dropEffect = 'move'"> <div aml:draggable="true" class="draggable"> Object 1 </div> <div aml:draggable="true" class="draggable"> Object 2 </div> <div aml:draggable="true" class="draggable"> Object 3 </div> <div aml:draggable="true" class="draggable"> Object 4 </div> </div> <br /> <div aml:droppable="true" class="droppable" ondragenter="event.dataTransfer.dropEffect = 'move'"></div> </script>

Resize manager

Try changing box sizes.

Source code

<script type="application/ample+xml" xmlns="http://www.w3.org/1999/xhtml" xmlns:aml="http://www.amplesdk.com/ns/aml" style="height:200px;"> <div aml:resizable="true" class="resizable">Object</div> </script>