Pagina 1 di 3123

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

martedì 26 gennaio, 2010

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 [...]

Impedire la propagazione degli eventi con jQuery

venerdì 21 agosto, 2009

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. Tuttavia, in [...]

Shadowbox 3.0 beta

venerdì 10 aprile, 2009

È 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: A major rewrite/reorganization of the code Greatly simplified setup process by eliminating all load* methods and using options to specify language/adapter/player(s) instead Separated Shadowbox [...]

Impostare le opzioni di un dialogo jQuery UI in modo globale

giovedì 19 febbraio, 2009

È 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: PLAIN TEXT JavaScript: // singolarmente $.ui.dialog.defaults.closeOnEscape = false; $.ui.dialog.defaults.modal = true;   // tutti insieme $.extend($.ui.dialog.defaults, { closeOnEscape : false, modal   [...]

Eliminare l’effetto shadow da un dialogo jQuery UI

mercoledì 18 febbraio, 2009

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: PLAIN TEXT JavaScript: // l'ombra scompare ma il dialogo non si può muovere $('#mydialog').dialog( {     title    : [...]

Come nascondere il bottone di chiusura di un dialog jQuery UI

martedì 17 febbraio, 2009

In attesa del rilascio ufficiale di jQuery UI 1.7 (eh già, il team di sviluppo di jQuery ha deciso che rilascerà la versione come 1.7, causa confusione), dove forse verrà inserita una opzione per eliminare il bottone di chiusura di un dialogo, ecco come risolvere velocemente il problema con l'attuale 1.6rc6: PLAIN TEXT JavaScript: // Agendo sull'evento open [...]

Risolvere il baco di jQuery datapicker che scompare dietro al dialog

giovedì 12 febbraio, 2009

Aprendo un dialog con jQuery UI, dove al suo interno è impostato un campo input con datapicker, quest'ultimo scompare dietro al dialog a causa di un errata impostazione dello zIndex. Per risolverlo basta inserire nell'evento open del dialog, dopo l'impostazione del nostro campo input a datapicker, le seguenti righe di codice: PLAIN TEXT JavaScript: /**  * Funziona con jQuery [...]

jQuery Simple Slider 1.1.0

lunedì 2 febbraio, 2009

Prendendo spunto dal suggerimento di Santino Bivacqua ho inserito in jQuery Simple Slider la possibilità di impostare per ogni singola slide un timeOut diverso, inserendo nel tag li l'attributo rel in questo modo: PLAIN TEXT HTML: <ul>  <li rel="simpleSlider{timeout: 4000}" title="Title 1"><img title="Subtitle 1" src="image1.jpg" /></li>  <li title="Title 2"><img title="Subtitle 2" src="image2.jpg" /></li>  <li rel="simpleSlider{timeout: 1000}" title="Title 3"><img title="Subtitle 3" src="image3.jpg" [...]

jQuery Simple Slider

venerdì 30 gennaio, 2009

jQuery Simple Slider permette di creare velocemente un feature slide show a partire da una semplice lista UL/LI: PLAIN TEXT HTML: <ul>  <li title="Title 1"><img title="Subtitle 1" src="image1.jpg" /></li>  <li title="Title 2"><img title="Subtitle 2" src="image2.jpg" /></li>  <li>...</li> </ul> Post correlati jQuery Simple Slider 1.1.0 (0) jQuery footer caption Plugin: aggiungere didascalie alle immagini (0) Wordpress: come creare passo passo un proprio login (21) Wordpress: come scrivere un [...]

jQuery footer caption Plugin: aggiungere didascalie alle immagini

giovedì 22 gennaio, 2009

jquery.footercaption.js è un Plugin per jQuery in grado di aggiungere dinamicamente delle didascalie alle immagini e ad altri elementi della pagina (clicca qui per una demo). jquery.footercaption.js preleva il testo della didascalia direttamente daglii attributi title o alt, se presenti. In alternativa è possibile fornire un testo personale insieme ad una serie di parametri aggiuntivi [...]

Pagina 1 di 3123