Previous Up Next
Generovani formularu Majax Forms

Drag & Drop

Table of Contents

Drag & Drop

Elementy, ktere maji nastavenu tridu majaxDraggable je mozne presouvat po strance. Pokud element tuto tridu nema, je mozne priradit ho mezi presouvatelne objekty pomoci funkce Majax.DaD.makeDraggable.

Elementy, ktere maji nastavenu tridu majaxDroppable je mozne pouzit jako misto, kde je mozne upustit presouvane objekty. Mezi "droppable" objekty je mozne zaradit element zavolanim funkce Majax.DaD.makeDroppable.

Nasledujici ukazka demonstruje pouziti zminenych funkci.

  1. Majax.DaD.makeDroppable(
  2.         Majax.$('drop1')
  3.     );
  4.     
  5.     Majax.DaD.makeDraggable(
  6.         Majax.$('drop1').childNodes
  7.         Majax.$('drop2').childNodes
  8.     );
A k tomu odpovidajici XHTML kod.
  1. <div id="drop1">
  2.     <div>Item #1</div>
  3.     <div>Item #2</div>
  4.     <div>Item #3</div>
  5.     <div>Item #4</div>
  6. </div>
  7. <div class="droppable"  id="drop2">
  8.     <div>Item #5</div>
  9.     <div>Item #6</div>
  10.     <div>Item #7</div>
  11.     <div>Item #8</div>
  12. </div>
  13.  
  14. <div class="majaxDraggable">Item 

Previous Up Next
Generovani formularu Majax Forms

Documentation generated on Tue, 23 Feb 2010 10:23:55 +0100 by phpDocumentor 1.4.3