Con l'avvento di HTML 5, e con il miglioramento di Javascript stesso, è stato possibile fare molte cose senza l'uso di librerie esterne.
Una di queste è il drag and drop!
In questo articolo vediamo come impostarlo e come intercettare i vari eventi.
Esistono diversi plugin per drag-and-drop in Javascript; ma ho trovato molto semplice da usare questo plugin per jQuery: dragSort.js!
Richiede ovviamente jQuery, ma non richiede jQuery UI.
Sto sviluppando un programmino con Electron, e voglio poter trascinre i file MP3 sulla finestra.
Come posso fare?
Impostare il drop su Electron è abbastanza semplice.
A livello di init della app non ho cambiato nulla.
La mia esigenza era quella di riempire una QTableWidget usando un file CSV.
Postare tutto il codice è un pò complicato, quindi vi posterò solo ciò che serve.
Debbo dire che Qt mi sorprende sempre di più nella facilità di molte cose.
Certo, è sempre C++, e molto cose non sono subito intuitive; ma altre sono molto facili!
Oggi vediamo come usare il drag and drop in una nostra finestra; il target è un oggetto QPlainTextEdit, ma vale anche per altri componenti di testo.
Quello che vogliamo ottenere è una lista di file, lista creata trascinandoli sulla QPlainTextEdit; i file accettati saranno solo JPEG, JPG e PNG.
Prima di tutto, nel nostro designer, impostiamo il readOnly e leviamo il flag ad acceptDrops.
Come sappiamo, il comportamento di default di Google Maps è zoomare sulla mappa allo scroll con il mouse.
Questo comportamento può essere fastidioso quando si imposta come background.
Vediamo come possiamo fare.
Se usiamo la versione 2 delle API bisogna richiamare questa funzione sulla mappa:
map.disableScrollWheelZoom();
La versione 3 invece usa una opzione.