jQuery italia

Drop Stampa E-mail

 

Questo plugin delle jQuery UI permette di far eseguire un'azione quando l'elemento draggable è lasciato sopra l'elemento droppable.
Sono quindi indispensabili due elementi per creare questo plugin, uno che viene mosso (il draggable) e uno su cui muovere questo elemento (il droppable).

Le classi interessate da questo plugin sono 4:

  • ui-draggable: l'oggetto draggable in quel momento;
  • ui-helper: il corrente supporto del draggable;
  • ui-position: posizione del supporto dell'elemento draggable corrente ( { top: .. , left: .. ;} );
  • ui-offset: posizione assoluta del supporto dell'elemento draggable. ( { top: .. , left: .. ;).

Come si è capito quindi questo plugin è dipendente ed è strettamente legato al plugin drag.

Vediamo ora un esempio di questo plugin ed il codice che ci permette di realizzarlo:

 

$("#div_drag").draggable();
$("#div_drop").droppable({
drop: function() { alert('sei sopra di me !!!!!'); }
});



Muovimi sopra l'elemento grigio


Elemento droppable



Il plugin come al solito può essere modificato tramite eventi, metodi ed opzioni generali.
Di seguito tratteremo questi tre metodi separatamente.

 

 



 

Chi è online

 15 visitatori online

Sondaggi

Che cosa pensi della grafica di questo sito ?