Articoli Taggati ‘jQuery’

Come sviluppare un sito con scroll animato

In questo tutorial ti mostrerò come sviluppare la parte tecnica di un sito con scroll animato. Se ne vedono diversi in giro per il web; il concetto è quello di creare un unico documento con un’area più grande (sia in orizzontale che in verticale) di quella dello schermo per poi navigare “a volo di uccello” tra i vari contenuti. Un esempio potrebbe essere questo sito.
Come detto ci concentreremo unicamente sull’aspetto tecnico che, come avrai modo di vedere, non è così complicato come potrebbe sembrare. Il nostro risultato finale sarà questo. || Leggi altro »

jQuery+Flickr: Realizziamo un semplice slideshow

jqueryflickr1

Nel precendente articolo abbiamo visto come utilizzare jQuery per recuperare le immagini da un account di Flickr, in questo articolo andremo oltre, realizzando un semplice slideshow: a questa pagina puoi vedere una demo di quello che andremo a creare e...

24 commenti

Jquery: Come recuperare le immagini da Flickr?

jqueryflickr2

In questi giorni mi sto esercitando un po’ con javascript ed in particolare con il noto framework jQuery. Dopo aver realizzato le basi per un piccolo slideshow di immagini mi sono chiesto: “e se mi connettessi al mio account flickr...

17 commenti

jQuery: Come creare delle finestre di dialogo personalizzate? (2/2)

finestre-modali

Come promesso, eccoci a ritornare sul tema delle finestre di dialogo sviluppate in jQuery. In questo articolo vedremo come realizzare un sistema di login basato su questo tipo di interfaccia; per ingolosirti ti mostro subito il risultato finale. Il funzionamento,...

13 commenti

jQuery: Come creare delle finestre di dialogo personalizzate (1/2)

bozzecliente

In questo articolo vedremo come sviluppare delle finestre di dialogo personalizzate sia nell’estetica che nelle funzionalità, andando così oltre alle limitatissime finestre messe a disposizione nativamente da javasrcipt (alert, confirm, prompt). Lo faremo grazie a jQuery ed in particolare a...

30 commenti

Come ordinare elementi con jQuery (2/2)

Come ordinare elementi con jQuery (2/2)

Nel precedente articolo abbiamo visto come il metodo sortable permetta l’ordinamento di una lista di elementi tramite il trascinamento. Ne abbiamo visto però solo l’implementazione “visiva”. Ma se vogliamo che questo ordinamento sia durevole, quindi che rimanga tale anche se...

16 commenti

Come ordinare elementi con jQuery (1/2)

ordinareJquery

In questo articolo tratteremo l'affascinante e sempre più utilizzata tecnica dell'ordinamento di oggetti in un documento html. Il classico esempio potrebbe essere la gestione dei widget di WordPress. Per attivare un widget lo dobbiamo trascinare nella sidebar tramite un operazione...

20 commenti

L’autocompletamento di un campo, una nuova ui di jQuery (2/2)

L’autocompletamento di un campo, una nuova ui di jQuery (2/2)

Nel precedente articolo abbiamo visto il principio di come implementare la funzione di autocompletamento messa a disposizione dalle user interface di jQuery. L’abbiamo fatto tramite una lista predefinita di parole che abbiamo rappresentato tramite un array. Ora ci dedicheremo ad...

55 commenti

L’autocompletamento di un campo, una nuova ui di jQuery (1/2)

autocompletamento

Tra le novità introdotte recentemente da jQuery, troviamo finalmente (mancava proprio) un’estensione per l’autocompletamento dei campi form; sto parlando del metodo autocomplete appartenente alle user interface. Questa ui permette, con la consueta disarmante semplicità, di implementare una ciliegina di usabilità...

28 commenti

Come e quando utilizzare il metodo serialize di jQuery?

Come e quando utilizzare il metodo serialize di jQuery?

Nei numerosi articoli che abbiamo scritto su jQuery, è sempre stato evidente come questo framework contribuisca a semplificare lo sviluppo del codice. In questo articolo vedremo come la conoscenza di tutti gli strumenti che ci vengono messi a disposizione possa...

28 commenti

jQuery – Creazione di form con label animate

jQuery – Creazione di form con label animate

Anche in questo articolo, ed ancora una volta, integreremo nel nostro sito un effetto semplice e carino utilizzando poche righe di JavaScript, grazie alla libreria jQuery. Questa volta, realizzeremo dei Label animati, che accompagneranno l’utente nella compilazione dei form; in...

15 commenti

Come realizzare delle select concatenate con PHP e jQuery?

selectconcatenate

In questo articolo tratteremo del concatenamento di select detto anche select a cascata. Si tratta di un procedura che possiamo trovare spesso nel web e che consiste nel dare all'utente la possibilità di trovare un dato specifico attraverso alcuni passaggi:...

88 commenti

Vuoi imparare jQuery ma non sai da dove iniziare? – Le dimensioni

Vuoi imparare jQuery ma non sai da dove iniziare? – Le dimensioni

Una parte fondamentale per la gestione e la creazione delle interfacce utente di un sito o di un'applicazione web è la conoscenza di come manipolare le dimensioni e la posizione dei vari elementi presenti nella pagina. jQuery fornisce un'interfaccia semplice...

13 commenti

jQuery – Come Creare un News Ticker con poche righe di JavaScript?

newsticker

Ormai lo sapete, amo reinventare la ruota (e jQuery me lo permette sempre), ed è per questo che, ancora una volta, vedremo come creare qualcosa che esiste già: un news ticker. Solitamente il "news ticker" è un visualizzatore di notizie...

30 commenti

L’Oscura Arte del Drag and Drop: Come Trascinare e Rilasciare Oggetti?

L’Oscura Arte del Drag and Drop: Come Trascinare e Rilasciare Oggetti?

Quella di trascinare e rilasciare oggetti in una pagina web è una proprietà molto affascinante e di sicuro effetto. Chi ha familiarità con il pannello di amministrazione di WordPress saprà ad esempio che per attivare un widget, basta trascinarlo sulla...

27 commenti

Vuoi implementare delle funzionalità in ajax ma non sai come fare?

Vuoi implementare delle funzionalità in ajax ma non sai come fare?

Ajax è sempre più diffuso e presente nei siti web, a volte anche dove non è necessario, ma del resto questo capita un po' con tutto. Se sei affascinato da questa tecnologia ma non sai da dove iniziare, questo articolo...

18 commenti

jQuery+PHP: come automatizzare gli inserimenti nel database?

jQuery+PHP: come automatizzare gli inserimenti nel database?

Abbiamo già affrontato la questione dei form diverse volte; tra i vari articoli, abbiamo visto come creare un plugin di jQuery per la validazione di formulari e come realizzare un modulo contatti in php. In questo articolo, invece, utilizzeremo PHP...

21 commenti

Vuoi utilizzare JSON ma non sai da dove iniziare?

Vuoi utilizzare JSON ma non sai da dove iniziare?

Con il passare del tempo, e l'aumento inarrestabile delle cosidette web application 2.0, si vede ormai AJAX sempre più utilizzato come tecnologia di sviluppo per lo scambio di dati in maniera asincrona. A tale proposito, è diventato necessario un linguaggio...

21 commenti

Divertirsi con JavaScript: jQuery ed il Codice Konami

Divertirsi con JavaScript: jQuery ed il Codice Konami

Oggi faremo tutti un piccolo salto indietro nel tempo, fino al 1985, quando uno sviluppatore della Konami (Kazuhisa Hashimoto) creò la prima versione di Gradius (un videogioco per la console NES). Durante le prove del gioco, Kazuhisa, si accorse che...

21 commenti