àˆ risaputo che l'oggetto XMLHttpRequest è una delle basi di AJAX. àˆ altresì risaputo che la sua introduzione si deve a Microsoft, che per prima lo implementà su Internet Explorer 5 come oggetto ActiveX. Mozilla, Safari e ultimamente Opera, invece, implementano una versione nativa dell'oggetto.àˆ questo il futuro anche per IE 7. Dal blog del team di sviluppo:I'm excited to mention that IE7 will support a scriptable native version of XMLHTTP. This can be instantiated using the same syntax across different browsers and decouples AJAX functionality from an ActiveX enabled environment.Tradotto in codice: if (window.XMLHttpRequest){           // If IE7, Mozilla, Safari, etc: Use native object           var xmlHttp = new XMLHttpRequest() } else { if (window.ActiveXObject){           // ...otherwise, use the ActiveX control for IE5.x and IE6           var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");           } }

Continua a leggere XMLHttpRequest su Internet Explorer 7

Categoria: Scripting

jQuery

23 Jan

Ci sono davvero moltissime librerie Javascript, ma la recentissima JQuery sembra molto promettente per diversi motivi. Intanto, si presenta con un programma molto ambizioso :). Leggiamo sulla home page che non vuole offrire l'ennesimo framework con cui realizzare effetti mirabolanti con AJaX, ma semplicemente 'cambiare il modo in cui scrivi il tuo Javascript'.Ma torniamo ai punti di forza. Il primo è la compattezza del codice: credo che gli script compatti (al di sotto di 10Kb per me è l'ideale) siano decisamente preferibili: il più delle volte il peso, pur essendo proporzionale alle features è inversamente proporzionale alla facilità  di utilizzo. Lo dimostra ad esempio il successo della piccola e potente Moo.fx.Il secondo è la versatilità : chi ha un minimo di conoscenze di javascript e OOP sa quanto sia leggibile e intuitiva una riga del genere: $("p.surprise").addClass("ohmy").show("slow"); Il terzo motivo è la documentazione e la notevole quantità  di esempi, tanto preziosi quanto rari in molte delle altre librerie Javascript esistenti.

Continua a leggere jQuery

Categoria: Scripting

Ogni giorno entro sempre più in profondità  nelle tematiche che riguardano lo sviluppo di applicazaioni web con tecniche tipo AJAX e con il Javascript Integration Kit per Flash. E devo dire che si tratta di un viaggio davvero interessante.Mi sono reso conto che una della maggiori cause di perdita di tempo nella fasi di sviluppo e rilascio è sicuramente data dall'inefficienza delle tecniche che è possibile utilizzare per il debug. Intendo in un futuro non troppo prossimo dedicare un post proprio all'argomento, per ora mi limito a segnalarvi e consigliarvi (dato che l'ho già  testata) questa estensione per Firefox : FireBug.Si tratta di un'estensione che ingloba e sostituisce 3 differenti utilities di Firefox : DOM Inspector, Javascript Console e HTTP Request Sniffer. FireBug rappresenta un grosso passo avanti per ottimizzare i tempi di debug delle applicazioni in quanto permette di "spiare" le richieste dell'oggetto XMLHttpRequest, di intercettare errori Javascript e tante altre cose. Insomma, da non perdere!

Continua a leggere Debug con FireBug

Categoria: Scripting

Non c'è nulla che ti fa crescere di più dal punto di vista professionale che il digitare codice e il testare applicazioni reali.In questo periodo ho l'occasione di partecipare alla realizzazione di progetti che usano tecnologie come AJAX (si lo so che parlare di tecnologia non è precisamente corretto) o il Flash/Javascript Integration kit. In questo post voglio concentrarmi non tanto sulle tematiche tecniche di questi tool, quanto sull'aspetto dell'usabilità  vista dalla parte degli utenti finali.Dopo migliaia di righe di codice e di prove portate all'eccesso ho cercato di stilare, per ora, una semplice lista di parametri a cui ogni sviluppatore, secondo me, dovrebbe prestare attenzione quando crea applicazioni web con Ajax. Una lista che non intende essere assolutamente esaustiva ma vuole invece rappresentare un punto di incontro e condivisione di pareri ed esperienze. (more...)

Continua a leggere L’usabilità  in Ajax e nel Flash/Javascript Integration Kit

Categoria: Scripting

Tra le molteplici soluzioni di miniature e ingrandimenti di foto e immagini, quelle che usano l'ingrandimento nella stessa pagina sono forse le più efficaci e per diversi motivi: riducono i tempi di interazione con l'utente, restano accessibili con Javascript disabilitato e soprattutto non necessitano del tasto indietro della navigazione del browser.Un po' di tempo fa ho presentato un piccolo script per avere una galleria con ingrandimento nella stessa pagina. Recentemente, poi, è comparso LightBox, una soluzione leggermente differente ma altrettanto notevole. La cosa interessante è che si può applicare a qualsiasi immagine (basta aggiungere un attributo nell'HTML), che compare un'icona di attesa durante il caricamento e che l'ingrandimento compare a centro pagina, indipendentemente dalla larghezza dello schermo.A parer mio l'unico neo dell'esempio è che la pagina si oscura un po' troppo quando viene mostrato l'ingrandimento, ma il CSS dovrebbe essere facilmente modificabile e adattabile ai propri gusti.

Continua a leggere LightBox, ingrandimenti nella stessa pagina

Categoria: Scripting

Partiamo dalla demo, in cui il Flash/Javascript Integration Kit è stato usato per migliorare le funzionalità  di un semplice form HTML.Per scaricare il sorgente dell'esempio e per i dettagli sull'implementazione non posso che rimandarvi al solito, splendido articolo di Particletree.

Continua a leggere Flash/Javascript Integration Kit

Categoria: Scripting

Molti di voi conoscono il menu a mini-tab reso popolare da Dan Cederholm. Focus Slide Navigation è una variante 'dinamica' di quel tipo di menu realizzata da Stephen G. Clark con l'aggiunta di un pizzico di Javascript.

Continua a leggere Mini-tab… animate

Categoria: Scripting

Lo scrolling "soft" è un effetto che trovo molto accattivante. Inoltre, si basa su un ausilio che ritengo indispensabile su pagine lunghe o con molto testo: le ancore interne, cioè quei link che permettono la navigazione interna alla pagina.Secondo me, è uno di quei casi in cui Javascript contribuisce a migliorare l'usabilità  senza intaccare l'accessibilità  del contenuto o la navigabilità . Infatti, le ancore restano accessibili anche con Js disabilitato e lo scrolling soft aiuta l'utente a capire che si sta spostando all'interno dellla stessa pagina. Sono diverse le risorse che offrono script già  pronti e/o tutorial per ottenerlo. In ordine di tempo, dal più recente: Scroll your internal links smoothly di Valerio Proietti, A (slightly) better technique for "Back to Top" links di Dave Lindquist, Make Internal Links Scroll Smoothly with JavaScript di Stuart Landgridge (qui l'esempio, con la versione aggiornata dello script) e infine Scroll window di Travis Beckham.

Continua a leggere Scrolling morbido con Javascript

Categoria: Scripting

Negli ultimi tempi le animazioni sulle pagine web stanno tornando di moda. Non si tratta né di Flash, né di gif animate, né di marquee né tantomeno di Javascript della "vecchia scuola", ma di Javascript principalmente basato sul DOM e gli eventi.Sono diverse le librerie moderne per ottenere animazioni efficaci: Script.aculo.us, Moo.fx, Rico e la recente FACE, solo per fare alcuni nomi. Se vi siete sempre chiesti come sia possibile realizzare effettioni simili e avete un pizzico di conoscenze di Javascript, ecco due ottimi tutorial: il primo è An Introduction to Javascript Animation; il secondo, in due parti: Javascript Animation - Part 1 e Javascript Animation - Part 2.

Continua a leggere Animazioni con Javascript

Categoria: Scripting

Cosa sono? GIF animate da usare in un'applicazione web per indicare che l'applicazione stessa sta in quel momento svolgendo una certa attività . Esempio: inserire record in un database.La loro popolarità  è in crescita grazie al boom di AJAX, e non è un caso. Eliminando il refresh della pagina, diventa fondamentale fornire all'utente un'indicazione chiara in termini di feedback, dare il senso che in base all'input fornito 'qualcosa sta accadendo'. Su questo sito potrete scaricarne un po' da inserire nei vostri progetti.

Continua a leggere Indicatori di attività 

Categoria: Scripting

Tags: ,