Programmazione.it v6.4
Ciao, per farti riconoscere devi fare il login. Non ti sei ancora iscritto? Che aspetti, registrati adesso!
Info Pubblicità Collabora Autori Sottoscrizioni Preferiti Bozze Scheda personale Privacy Archivio Libri Corsi per principianti Forum
Drag and drop dal browser al desktop
Scritto da Cosmos Puglisi il 03-09-2010 ore 07:36
Intel Parallel Studio XE 2015
Già in un'altra occasione abbiamo parlato della novità introdotta da Gmail con l'arrivo di HTML5: il drag and drop degli allegati. Lo sviluppatore Ryan Seddon, alla disperata ricerca di ottenere lo stesso effetto, riesce a implementare questa feature per Google Chrome, come spiega nel suo blog. Per vedere di cosa si tratta, si può provare la demo.

Il codice sta tutto qui:
  1. var file = document.getElementById("dragout");
  2.  
  3. file.addEventListener("dragstart",function(evt){
  4.     evt.dataTransfer.setData("DownloadURL",fileDetails);
  5. },false);
associato al link HTML seguente:
  1. <a href="Eadui.ttf" id="dragout" draggable="true" data-downloadurl="
  2.     application/octet-stream
  3.     :Eadui.ttf
  4.     :http://thecssninja.com/gmail_dragout/Eadui.ttf">Font file</a>
Vediamo come lo sviluppatore, per ricreare questa particolare feature, utilizzi l'evento ondragstart e un attributo custom previsto con HTML 5, creato con il prefisso data-: data-downloadurl che sta a indicare il file da scaricare.

Certo, il passaggio in questo caso è solo unidirezionale, ovvero dalla pagina web al desktop, mentre su Gmail funziona da desktop a Web. Ciononostante tale esempio rimane sicuramente un buon inizio per eguagliare (o quasi) le funzionalità del browser a quelle desktop.
Precedente: High Performance JavaScript
Successiva: Torna l'editor Vim con supporto ai linguaggi Lua e Python
Copyright Programmazione.it™ 1999-2014. Alcuni diritti riservati. Testata giornalistica iscritta col n. 569 presso il Tribunale di Milano in data 14/10/2002. Pagina generata in 0.213 secondi.