Categorie
Programmazione

jQueryUI: come forzare il revert degli oggetti draggable

Tramite jQuery possiamo realizzare interfacce grafiche moderne, sia dal punto di vista funzionale che estetico. In particolare possiamo sfruttare jQueryUI per implementare facilmente il drag and drop degli oggetti HTML contenuti nella finestra del browser. Si potrebbe pensare che funzionalità di questo tipo siano per lo più abbellimenti estetici, non strettamente necessari. Con questo articolo […]

Categorie
Programmazione

Una select HTML a scomparsa con jQuery

L’elemento select è uno dei componenti HTML più longevi. Questo elemento è tuttora considerato uno standard, com’era sin nelle prime versioni di HTML. Data l’anzianità del componente, nelle moderne interfacce Web la presenza di una vecchia select rischia di far apparire sorpassata l’interfaccia stessa. Ciò nonostante l’utilità della select resta indiscussa: ogni volta che vogliamo […]

Categorie
Programmazione

Come usare il datepicker di jQueryUI

La libreria jQueryUI permette di realizzare notevoli effetti grafici, utili soprattutto nella definizione delle interfaccia utente, con pochissime righe di codice. I risultati sono davvero interessanti, ma non sempre otteniamo ciò che viene promesso dalle demo disponibili sul sito di jQueryUI. Un esempio di possibili problemi riscontrabili nel passare dalla teoria alla pratica è discusso […]

Categorie
Programmazione

Introduzione alle promesse di jQuery

Una delle novità recentemente introdotte da jQuery riguarda il paradigma di programmazione asincrona basato sul concetto di promessa. Per capire di cosa si tratta facciamo un passo indietro e ripercorriamo brevemente la storia della programmazione JavaScript. Alcuni anni fa l’unico modo di gestire gli eventi del DOM era quello di aggiungere un event handler come […]

Categorie
Programmazione

Come implementare i menu Accordion con jQueryUI

I menu accordion, cioè a fisarmonica, sono una tendenza molto apprezzata sul Web 2.0. Si tratta di un’interfaccia che per certi versi rappresenta un’evoluzione dei menu a cascata, noti anche come menu drop-down. Molto probabilmente li abbiamo usati moltissime volte senza nemmeno accorgercene, perché il loro utilizzo è semplice e intuitivo. Per farci un’idea del […]

Categorie
Programmazione

Elementi draggabili con jQueryUI

jQuery è apprezzato per diversi motivi. Oltre ad offrire una libreria JavaScript che permette di sviluppare codice cross-browser in maniera semplice e veloce, jQuery è utilizzato come base di partenza da numerosi plugin. Questi plugin sono realizzati dalla comunità di sviluppatori che utilizza jQuery e poi condivisi, versionati e infine ufficializzati. Insieme dei migliori plugin […]

Categorie
Programmazione

Scrolling della pagina con jQuery

Lo scrolling “dolce” della pagina (o smooth scrolling in inglese) consiste nello scorrimento verticale automatizzato di una pagina Web. In pratica ciò significa emulare, attraverso del codice, l’azione che l’utente compie agendo sulla rotellina del mouse o trascinandola la barra verticale del browser. Si parla di scrolling “dolce” perché il movimento della pagina avviene gradualmente, […]

Categorie
Programmazione

La funzione “Seleziona tutti” con jQuery

Ogni pagina che presenta un elenco di voci selezionabili per mezzo delle checkbox offre quasi sempre all’utente la possibilità di selezionare (o deselezionare) tutte le voci visualizzate. Tale funzionalità si concretizza nella selezione automatica di ogni checkbox dell’elenco corrente, utile quando l’utente deve sezionare tutte le righe, cosa che altrimenti dovrebbe fare a mano (spuntando […]

Categorie
Programmazione

Una galleria di immagini con HTML5 e jQuery

Un’esigenza comune a qualsiasi sito Web che esponga delle immagini riguarda l’organizzazione delle stesse all’interno di una galleria. Fino a qualche anno fa gli utenti erano abituati a dover scrollare col mouse per guardare una serie di immagini: ad oggi una presentazione di questo tipo risulta scomoda, antiquata e bruttina. Con la diffusione dei moderni […]