Per validare un form HTML in javascript esiste una soluzione interessante: il plugin jQuery Validation consente di controllare e validare un form HTML attraverso una serie di funzioni basate sul framework jQuery.

I principali vantaggi di questo plugin sono:

• semplice gestione dei campi obbligatori (niente controlli condizionali);
• semplice configurazione dei possibili valori e dei formati consentiti per ciascun campo (numerico, email, data, etc);
• personalizzazione dei messaggi di errore e degli eventi DOM da richiamare;

In questo articolo scopriamo le caratteristiche di Validation, esaminando la sintassi e alcuni esempi pratici.

Continua »

Javascript è un linguaggio Object Oriented che offre alcuni tipi di oggetti predefiniti (String, Math, Date, Array, etc.). Per ulteriori informazioni sulle caratteristiche di Javascript, leggi “[JS] Introduzione al linguaggio“.

In questo articolo scopriamo il significato, le proprietà e l’utilizzo della classe Javascript String.

Le stringhe di caratteri sono oggetti String. Un oggetto è una struttura di dati che comprende proprietà e metodi.

Per questo, anche la classe String dispone di alcuni metodi che rappresentano le azioni eseguibili dagli oggetti istanza. Li scopriamo assieme…

Continua »

Firebug, tra gli addetti ai lavori, rappresenta un utilissimo strumento di debug per il controllo e la modifica delle pagine web!

E’ un’estensione di Mozilla Firefox che permette di modificare tutti gli aspetti di una pagina web (codice HTML, codice Javascript, fogli di stile CSS) e osservare subito i risultati.

Le funzionalità di questo web development tool sono davvero interessanti: oltre agli strumenti di analisi HTML e Javascript, attraverso l’editor integrato, Firebug fornisce una console JavaScript e una funzione chiamata “Net” per monitorare il tempo di caricamento in millisecondi di immagini e script.

Continua »

Progettare un “date picker” grafico in Javascript è un lavoro complesso, che richiede tempo e conoscenze approfondite del linguaggio. Di seguito una selezione di risorse gratuite per implementare calendari javascript all’interno delle web applications.

Dai fantastici plugin di jQuery, al framework Mootools, ecc. Velocizza i tempi di produzione e utilizza codice open source. La lista è completa e gli strumenti funzionali.

Continua »

jQuery è una libreria JavaScript compatta e funzionale, che semplifica la gestione dinamica dei documenti HTML, degli event handling, delle animazioni, delle richieste Ajax e molto altro.

jQuery facilita l’utilizzo del linguaggio JavaScript e permette di progettare pagine web più flessibili e meno pesanti da caricare, oltre a garantire una compatibilità a 360° con i principali browser del mercato informatico.

Continua »

Nei documenti (X)HTML il codice Javascript deve essere appositamente contrassegnato, in modo che il browser sia in grado di riconoscerlo e interpretarlo. Per fare questo esiste il tag <script>, all’interno del quale viene acclusa la sintassi, ad esempio:

<script type="text/Javascript">
document.write("Hello World");
</script>

In questo articolo scopriamo gli elementi base del linguaggio.

Continua »

Javascript è un linguaggio di scripting interpretato (lato client), orientato agli oggetti e basato su prototipi, generalmente aggregato e debolmente tipizzato. Sembra complesso, in realtà si rivela molto versatile e potente. Lo scopriamo di seguito.

E’ un linguaggio interpretato perchè il sorgente non viene compilato ma viene letto ed eseguito ogni volta che un client richiede una pagina costruita con questa tecnologia. E’ Object Oriented perchè consente la creazione di classi di oggetti dotate di proprietà e metodi, capaci di interagire tra loro.

Continua »

AJAX, acronimo di Asynchronous JavaScript And XML, è diventata da qualche tempo una delle tecnologie più utilizzate nel campo del Web2.0, per lo sviluppo di applicazioni dinamiche. Chi crede che sia invenzione recente si sbaglia, perchè è stata enunciata per la prima volta da Jesse Garrett, nel 18 Febbraio 2005, come titolo di un post all’interno del suo blog.

Continua »