Articoli con Tag ‘jQuery’


WPDK: Javascript pattern

Proseguendo il nostro tour sul WPDK, oggi voglio illustrarvi il pattern Javascript utilizzato nel framework.
Javascript possiede molti pattern, quello che abbiamo scelto (una variante del Module Pattern) credo mantenga una buona similitudine con PHP, garantendo comunque ottimi vantaggi a livello di script. La similitudine l’ho ricercata in quanto alcune classi Javascript possiedono una loro controparte in PHP, o viceversa.

Continua...

WordPress 3.3: tutto jQuery finalmente

Con WordPress 3.3 anche jQuery e tutti i suoi moduli sono stati allineati. Adesso infatti è possibile accedere alla nuova lista dei moduli dell’ultima release 3.3, come ad esempio l’autocomplete. Ecco uno snippet per una buona inclusione:

1
2
3
4
5
6
// Moduli che WordPress caricherà per noi propedeutici allo script "myscript.js"
$deps = array('jquery-ui-slider',
  'jquery-ui-datepicker',
  'jquery-ui-autocomplete'
);
wp_enqueue_script('key', 'js/myscript.js', $deps, 1.3.4, true);

Continua...

Bug Fixed: range anni sul calendario jQuery UI

Il widget calendario di jQuery UI, il cosiddetto Datepicker, permette moltissime impostazioni, tra cui quella di decidere un range di anni da mostrare nel menu a tendina.

Continua...

jQuery snippets

Verificare l’esistenza di un elemento nel DOM

Vi sarà capitato di dover verificare l’esistenza o meno di un elemento del DOM. Con jQuery potrebbe venir spontaneo provare con:

Continua...

Very short snippet: slideshow in 10 righe di codice

Lasciatemi mostrare com’è possibile implementare un semplice Slideshow di immagini con pochissime righe di codice, sfruttando jQuery.
Questa tecnica può essere implementata su qualsiasi tipo di sito Web, la cosa importante è includere la libreria jQuery. Ho usato questa tecnica per un sito realizzato in WordPress, sviluppato in poche ore per un evento.

Continua...

Come selezionare un gruppo di tag che non hanno figli di un certo tipo

jQuery è giunto alla versione 1.4! Oltre a varie nuove features e la “solita” riscrittura del codice, tutta la documentazione è stata rivista in maniera davvero più leggibile rispetto a prima. Ma vediamo alla questione di questo post; problema: aggiungere, tramite jQuery, una classe a tutti i tag a che possiedono l’attributo target impostato a _blank!

Continua...

Impedire la propagazione degli eventi con jQuery

Due elementi del DOM HTML sovrapposti, entrambi sensibili ad un evento click, soffrono dell’annoso problema della propagazione degi eventi tra gli strati del DOM stesso: il cosidetto event bubbling. Questo comportamento (che ritroviamo anche in altri ambienti di sviluppo: vedi Actionscript 3.0: MovieClip over MovieClip) è di per se utile in moltissimi casi.

Continua...

Shadowbox 3.0 beta

È stata rilasciata proprio ora (grazie alla segnalazione dell’autore Michael J. I. Jackson) la release 3.0 beta di Shadowbox.js. Oltre alla nuova grafica del sito ecco i più importanti cambiamenti di questa release preliminare:

Continua...

Impostare le opzioni di un dialogo jQuery UI in modo globale

È possibile impostare le opzioni di un dialog() jQuery UI in modo globale, in modo che abbiano effetto su tutti i dialoghi che si apriranno. Questo è utile per non ripetere continuamente le stesse indentiche impostazioni. Per farlo è possibile scegliere due strade:

Continua...

Eliminare l’effetto shadow da un dialogo jQuery UI

Nelle ultime revisioni di jQuery UI è stata eliminata l’opzione shadow che permetteva di eliminare l’ombra attorno ai dialoghi. L’opzione, stranamente, ancora svolge il suo ruolo ma, di contro, produce un errore Javascript e impedisce lo spostamento di un dialogo:

Continua...