In questo tutorial vedremo come creare un piccolo widget meteo che mostri la temperatura in gradi centigradi e l’icona relativa allo stato metereologico della zona/città in questione. Per prima cosa dobbiamo appoggiarci ad un servizio che possa procurare API meteo da sfruttare per la creazione del nostro widget, ho scelto per questo esempio il sito [...]

La guerra tra i vari framework Javascript è sempre aperta e nessuno si tira indietro, per questo jQuery ha sfruttato la sua popolarità per estendere ulteriormente le sue funzionalità. La libreria di John Resig infatti ha recentemente pubblicato jQuery UI (User Interface), un comparto di comandi che migliora l’usabilità di form, elementi e liste HTML [...]

Durante uno dei nostri ultimi articoli abbiamo visto come animare degli elementi con jQuery, oggi mettiamo in pratica la teoria andando a creare un menù con qualche piccola animazione. La nostra idea di partenza è quella del classico menu di navigazione con elementi padre ed elementi figlio, questi ultimi visibili soltanto dopo aver cliccato sul [...]

Siamo giunti ad un nuovo capitolo della saga dedicata a jQuery. Questa volta andremo a trattare una delle funzionalità più “cool” che offre il nostro amatissimo framework: le animazioni. Di animazioni c’è n’è veramente per tutti i gusti e combinati ad HTML5 e CSS3 stanno relegando in un angolo il noto Flash di Adobe. Vediamo [...]

Durante la fase di sviluppo di un sito web spesso capita di dover recuperare informazioni riguardanti tag HTML, in quest’operazione possiamo avvalerci di jQuery, nostro validissimo alleato. Vediamo qualche esempio per comprendere meglio.

L’inclusione di jQuery in una pagina HTML per quanto possa sembrare una pratica “scontata” può avvenire in molti modi. Il più classico è quello di scaricare jQuery (in versione minimizzata o estesa) dal sito ufficiale, copiarlo nella cartalla “javascript” della nostra applicazione web e collegarlo tramite l’inclusione del file. <script src="javascript/jquery-1.6.4.min.js" type="text/javascript"></script> Un’alternativa è collegarlo [...]

Una delle grandi potenzialità di jQuery è gestire comodamente chiamate asincrone Ajax/JSON, funzionalità che, nonostante sia sempre più utilizzata, prima di jQuery (o di altre librerie Javascript) era molto “ingombrante”. Cos’è Ajax? Da Wikipedia: AJAX, acronimo di Asynchronous JavaScript and XML, è una tecnica di sviluppo per la realizzazione di applicazioni web interattive (Rich Internet Application). Lo sviluppo di applicazioni HTML con AJAX [...]

Popolare un menu a tendina è una tecnica ultimamente molto utilizzata soprattutto per “filtrare” elenchi molto lunghi e migliorare così l’usabilità di form e pagine web. Per fare ciò è necessario l’utilizzo di JavaScript, nel nostro caso vedremo come popolare una tendina tramite il framework jQuery. Innanzituttto verifichiamo di aver inserito jQuery nella pagina in [...]

In questo tutorial andremo a vedere come assegnare uno stile CSS ad un elemento HTML che si ripeta in maniera alternata, che sia essa una lista, una tabella, un div o altro, ti potrà essere utile per creare delle tabelle stile “zebra” dove ogni riga o colonna avrà un colore diverso ma potrà avere tantissimi [...]