Redazione
a- a+

Draggable: trascinare elementi html

Vediamo a che cosa serve e come si usa l'attributo draggable (drag and drop) di HTML5. Codice ed esempio.

L’attributo “draggable” specifica la facoltà dell’utente di effettuare il “drag and drop” (seleziona e trascina) dei contenuti desiderati.

Draggable è un attributo più complesso dei precedenti: deve essere infatti accompagnato da data-set supplementari e codici JavaScript per essere eseguito in pieno.

La sintassi base da applicare agli elementi HTML è la seguente:

draggable="true" "false" "auto"

Questa funzionalità risulta in genere molto utile in quelle pagine in cui la personalizzazione degli elementi da visualizzare è molto importante. Basta pensare ad iGoogle o, per esempio, alla pagina principale (dashboard) di sistemi di statiche in cui l’utente ordina i box dei dati in base alle proprie esigenze.

L’attributo non è supportato da Internet Explorer e da Opera.