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
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. file.addEventListener("dragstart",function(evt){
  3.     evt.dataTransfer.setData("DownloadURL",fileDetails);
  4. },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-2015. Alcuni diritti riservati. Testata giornalistica iscritta col n. 569 presso il Tribunale di Milano in data 14/10/2002. Pagina generata in 0.203 secondi.