Archivio per la Categoria ‘Ajax & Javascript’ Category

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

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 che scorrono in orizzontale, come quelle che si possono vedere in alcuni notiziari nella parte bassa dello schermo. Il nostro news ticker sarà leggermente diverso dato che le notizie non scorreranno in orizzontale ma in verticale, e tra il passaggio di una notizia all’altra ci sarà una pausa pre-stabilita (credo che questo metodo dia più risalto ad ogni singola notizia e allo stesso tempo conceda maggior tempo all’utente per la lettura dell’articolo in questione, ma questa ovviamente è soltanto una mia opinione).

Per creare il News Ticker utilizzeremo la libreria jQuery che ci permette con poche righe di codice (nel nostro caso undici) di ottenere effetti d’impatto, che consumano poche risorse e danno quel tocco in più al nostro sito.
Grazie a questo semplice articolo imparerai a creare un News Ticker, come quello visibile qui. Tutto ciò di cui abbiamo bisogno è (X)HTML, CSS ed un pizzico di jQuery. || Leggi altro »

JavaScript – La mia prima animazione (parte 2)

JavaScript – La mia prima animazione (parte 2)

Nel primo articolo di questa guida abbiamo visto come creare un'animazione in JavaScript molto semplice e per di più, se ricordi bene, avevamo notato che quest'ultima presentava due potenziali problemi: il ritardo e lo spostamento erano costanti. Ora il nostro...

8 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...

28 commenti

Come limitare i caratteri in una textarea?

Come limitare i caratteri in una textarea?

Molti di noi si sono certamente scontrati con l'impossibilità di limitare il numero di caratteri in una textarea, non esistendo l'attributo maxlength per questo tag. In questo articolo ti mostrerò una soluzione basata su jQuery funzionale e soprattutto usabile. Il...

9 commenti

JavaScript – La mia prima animazione (parte 1)

JavaScript – La mia prima animazione (parte 1)

É vero, l'abbiamo già detto svariate volte che reinventare la ruota non è sempre la scelta più giusta, tuttavia, in alcuni casi, può essere sinonimo di arricchimento del proprio bagaglio personale di esperienze e di conoscenze. jQuery, MooTools, Prototype, DoJo...

15 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...

24 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...

22 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

Quali sono i principali metodi per integrare JavaScript nella tua pagina html?

Negli ultimi anni, con l'introduzione di JavaScript le nostre pagine web sono diventate sicuramente più "vive": effetti fantastici, caricamenti asincroni, interfacce migliorate, hanno reso l'esperienza utente molto più coinvolgente. All'esponenziale crescita di JavaScript è corrisposto un crescente utilizzo dei link...

11 commenti

jQuery, come creare un plugin per validare i nostri form?

jQuery, come creare un plugin per validare i nostri form?

Nel mio ultimo articolo abbiamo gettato le basi per la creazione di plugins per il noto framework JavaScript "jQuery". Ora utilizzeremo queste basi per creare un plugin che potrebbe farci risparmiare del prezioso tempo: Un validatore di Form. Inizieremo dalla...

17 commenti

Script.aculo.us: effetti avanzati, ma ancora poco codice!

Script.aculo.us: effetti avanzati, ma ancora poco codice!

Nella scorsa lezione su Script.aculo.us abbiamo implementato dei simpatici effetti di base, degli esempi di massima giusto per prendere familiarità con questo framework javascript e ci siamo lasciati con una promessa: quella di dar vita, nella seguente lezione, a qualcosa...

9 commenti

jQuery: come installare e creare un plugin partendo da zero?

jQuery: come installare e creare un plugin partendo da zero?

Uno dei punti di forza di molti frameworks javascript (nella fattispecie jQuery ) sta nella possibilità, e spesso nella facilità, di creare estensioni che possono migliorare o semplificare ulteriormente il nostro lavoro. La potenzialità dei plugin sta, a loro volta, nella...

17 commenti

Script.aculo.us: primi effetti di base

Script.aculo.us: primi effetti di base

Nella prima lezione su script.aculo.us hai avuto modo di vedere come può essere facile implementare effetti grafici avanzati all’interno del tuo sito utilizzando soltanto una riga di codice. Come già detto questo è proprio uno dei punti di forza non solo di...

10 commenti

Script.aculo.us: tanti effetti con poco codice?

Script.aculo.us: tanti effetti con poco codice?

Le librerie javascript sembrano essere la moda del momento: da Script.aculo.us a jQuery, da Mootools a Prototype, sempre più siti sono pieni di effetti (più o meno utili) che danno un senso di dinamicità alle proprie pagine web. Un punto di forza di queste librerie è...

10 commenti

Web design elements: come validare i form con jQuery?

Nelle scorse lezioni abbiamo visto come strutturare un form, e le scelte progettuali che ci sono alla base. Un aspetto importante che abbiamo trascurato è la gestione degli errori: hai mai compilato un lungo form per scoprire solo dopo averlo...

23 commenti

Qual è l’editor migliore con cui scrivere il proprio codice? Ecco una lista dei più utilizzati dai webdesigner

Uno degli strumenti più importanti per un web designer è senza dubbio l’editor (IDE - Integrated Development Environment/Ambiente Integrato di Sviluppo) con cui viene sviluppato il codice che da vita alle proprie opere. Questi applicativi aiutano a redigere il nostro...

61 commenti

Dall’HTML al jQuery: come mostrare/nascondere dei box in una pagina web?

Dall’HTML al jQuery: come mostrare/nascondere dei box in una pagina web?

Prendendo spunto dalla richiesta di un lettore ho pensato di realizzare questo esempio per mostrare il processo di creazione di una sezione di un sito, dalla struttura HTML fino all'integrazione di jQuery. Vediamo quindi in questo articolo come realizzare una...

22 commenti

Vuoi imparare jQuery ma non sai da dove iniziare? Le animazioni personalizzate

Vuoi imparare jQuery ma non sai da dove iniziare? Le animazioni personalizzate

Nella scorsa lezione abbiamo dato un'occhiata veloce alle principali animazioni predefinite presenti in jQuery. Ma come fare ad applicare delle animazioni personalizzate? Oggi scoprirai come fare: iniziamo! (altro…)

15 commenti