Archivio della categoria 'ajax'


Form Ajax “degradabili” con JQuery e JQuery.Form

inserito in ajax, webdev da fullo @ 21-11-2007 00:24

La degradazione del codice è un po’ il mio cavallo di battaglia quando discuto con sviluppatori “ajax-centrici” che preferiscono puntare sull’effetto di un fade che sulla usabilità/accessibilità dell’applicazione anche su browser datati o con javascript bloccato (ie. cellulari).

La libreria JQuery si è, in più occasioni, dimostrata ottima per la gestione della degradabilità del codice ed uno degli esempi più interessanti di questa pratica è il plugin JQuery.Form.

Il plugin in questione infatti intercetta i normali form html e li ajax-izza automaticamente, permettendo inoltre di abilitare operazioni pre e post invio. Nel caso in cui, per qualche motivo, il motore js non dovesse funzionare allora la form, per nulla toccata dal plugin, continuerà a funzionare come nel sano, vecchio, web 1.0.

Vediamone un esempio di funzionamento partendo dal tutorial presente nel sito del plugin.

Leggi il resto »

jQuery 1.2 e jQuery UI

inserito in ajax, tecnologia da fullo @ 29-09-2007 10:24

Dopo aver pubblicato il precedente post (in draft da oltre un mese) sono andato per curiosità sul blog di jQuery. La scorsa settimana hanno rilasciato la versione 1.2 del framework, ma questo non è tutto. Infatti, finalmente, il pacchetto User Interface ha visto la luce.

Questo plugin, anche se definirlo plugin è riduttivo, va a sostituire il precedente (ed ormai semi abbandonato) chiamato interface, estendendone molte funzionalità e colmandone le lacune (il nuovo accordion è stupendo).

Le novità sono veramente tante e non vedo l’ora di avere un pochino di tempo per metterci le mani sopra…

ciauz

Learning jQuery, il libro

inserito in ajax, di tutto un po', tecnologia da fullo @ 29-09-2007 10:15

Image of Learning  jQuery Visti alcuni lavoretti fatti con questo framework in js, durante l’estato ho preso, e recentemente finito di leggere, Learning jQuery edito dalla Packt.

Il libro è molto chiaro e spiega tutti i meccanismi dietro a jQuery, ed approfondisce molti dei tutorial sparsi per la rete e lo stesso wiki del progetto, come al solito però (nei libri della Packt) il codice è all’interno del normale testo (cambia solo il font in courier) rendendo spesso confusionaria la lettura (almeno per me).

Il libro è da leggere se sviluppate con jQuery, anche se troppo “ostico” per chi è alle prime armi con js (infatti al linguaggio viene dedicata solo un’appendice), comunque tra i vari argomenti ho apprezzato, a parte il capitolo sulla scrittura di plugin che presto rileggerò più attentamente per rivedere e rendere più consistente il lavoro da me fatto, una delle appendici che riguarda i memory leaks di javascript, di cui onestamente ero all’oscuro.

Peccato solo che il libro tratti la versione 1.1.x e che con l’1.2.x molte delle API siano cambiate (soprattutto quelle relative al DOM).

ciauz

jQuery 1.1.4, sempre meglio!

inserito in ajax, webdev da fullo @ 03-09-2007 16:03

La scorsa settimana è stata rilasciata la 4a minor release di jQuery, per la precisione la 1.1.4. A parte i continui miglioramenti di performance ed i bugfix che questa libreria sta continuando ad avere si iniziano ad intravedere le prime modifiche alle API che porteranno all’imminente trunk 1.2.

Leggi il resto »

Binding degli eventi con jQuery

inserito in ajax, webdev da fullo @ 12-07-2007 00:29

Una delle cose più comode di jQuery è quella di poter associare dinamicamente a particolari azioni dell'utente eventi in js grazie alla funzione bind().

Ad esempio se vogliamo far si che ad un click su un particolare link parta una animazione ci basterà scrivere

CODE:
  1. <a href="#" class="button_close">chiudimi</a>
  2. <script>
  3. $(document).ready(
  4.     function ()
  5.     {
  6.         $('a.button_close').bind('click', function(){$(this).hide();});
  7.     });
  8. </script>

il problema dei binding però nasce nel momento in cui vogliamo generare nuovi elementi ai quali applicare "al volo" tutti i trigger precedentemente creati.

Leggi il resto »

AJAX e PHP, un buon punto di partenza

inserito in ajax, pensieri da fullo @ 27-06-2007 08:50

Image of AJAX e PHP Tramite il GrUSP (ma soprattutto grazie a Claudio) ho potuto mettere mano su questo libro edito da Packt Publishing che introduce alle tecnologie Ajax strizzando un occhio a PHP.

Devo dire che l'approcio ad ajax mi è piaciuto abbastanza, infatti si concentra più sulle problematiche di implementazione in generale rispetto a trattare singolarmente una libreria o l'altra (anche se c'è un capitolo dedicato a script.aculo.us), dando quindi ad un lettore alle prime armi una buona comprensione dell'argomento.

Peccato solo che l'impaginazione non sia un granchè, spesso il codice si confonde con il testo rendendo difficile la lettura. :(

Comunque, se volete avvicinarvi ad ajax, e capire meglio alcune cosette di XmlHttpRequest, comprate pure il libro non ve ne pentirete.

ciuaz

TrimJunction

inserito in ajax, tecnologia, webdev da fullo @ 26-06-2007 09:42

Che con l'uso massiccio di ajax il Javascript sia passato da linguaggetto utile a fare script a qualcosa di molto di più è indiscusso. Quello che però offre TrimJunction è qualcosa di inimmaginabile fino ad un anno fa.

Questo progetto non è altro che un clone di Ruby on Rails interamente scritto in Javascript. Supporta a pieno l'MVC e permette di scrivere applicazioni di tipo SPA (single page application). Inoltre ha al suo interno un meta-motore SQL per fare il retrieving dei dati presenti nella pagina senza dover disturbare un eventuale DBMS.

Ovviamente se dovete comunicare con l'esterno è possibile sfruttare Json. A questo punto devo veramente iniziare a studiare Js come si deve...

ciuaz

Video corsi di Javascript da Yahoo!

inserito in ajax, webdev da fullo @ 11-05-2007 13:51

Se pensavate di conoscere JavaScript dopo la visione di questi filmati vi ricrederete. O quasi...

ciauz

Symfony 1.0 ed Ajax

inserito in ajax, php, webdev da fullo @ 01-03-2007 15:03

E' finalmente stata rilasciata la prima versione stabile di Symfony 1.0. Noto application framework per PHP 5 di cui ho già discusso più volte e che ho iniziato ad usare attivamente nell'ultimo mese e mezzo grazie ad un lavoro con Ciccio (mio guru sull'argomento).

Tra le magie di questa versione, perchè alcune cose ancora non me le spiego, ieri mi sono imbattuto nella gestione degli script con ajax. Symfony integra al suo interno Prototype (più o meno come fa anche Ruby) dando allo sviluppatore alcuni helper per attivarne le funzionalità.

La cosa stupenda è che il sistema sa se il metodo che è invocato è ajax o meno e gestisce di conseguenza il relativo templating. Cosa utilissima per non dover riscrivere due volte lo stesso codice e soprattutto per permetterne un certo livello di degradazione.

Leggi il resto »

Prototype 1.5

inserito in ajax, webdev da fullo @ 19-01-2007 10:42

prototype 1.5Finalmente Prototype ha un sito decente e della documentazione decente, il tutto è stato fatto per lanciare la nuova versione 1.5 rilasciata insieme al nuovo Ruby on Rails 1.2.

Le novità sono troppe e siccome è venerdì e mi sento pigro ecco il changelog.. leggetevelo! :P

ciuaz

Ridondanze…

inserito in ajax, php da fullo @ 07-06-2006 16:01

Mi sono accorto che per scrivere uno stupidissimo form mail ajax enabled tra codice js, html e php spreco circa 100k ed utilizzo qualcosa come 6 diversi file (stili a parte). Di questi il 70% sono di effetti stupidi in js, il 20% in html ed il restante 10% di php object oriented.

La stessa cosa l'avevo fatta tempo fa nell'ottica di web 1.0 (ma facciamo anche 0.5) con php embedded nel codice html ed utilizzando circa 10k.

Alla faccia della ridondanza...

ciuaz

Yahoo UI vs Google Web Toolkit vs Adobe Spry

inserito in ajax, pensieri, tecnologia da fullo @ 17-05-2006 11:28

Ormai anche i grandi hanno iniziato a rilasciare, oltre alle API per l'accesso ai propri strumenti, toolkit e framework completi per la realizzazione di applicazioni anche di un certo calibro.

Yahoo con le sue User Interface Library permette una notevole interazione lato utente, tanto che c'è già chi ha realizzato giochi come il Tetris interamente in javascript, DOM e CSS.

Google invece ha rilasciato un toolkit per scrivere web application in java (orrore!) e per poi tradurle automaticamente in applicazioni javascript AJAX-enable.

Adobe dal canto suo ha rilasciato tempo fa Spry, un framework javascript per realizzare usando DOM (ed a una prima occhiata Xpath) applicazioni web non eccessivamente complesse.

Ora che anche i big spingono verso il web 2.0 riusciremo (in ItaGlia) a far capire ai nostri clienti che è tempo di iniziare a valutare l'effettiva utilità di certe tecniche all'interno delle loro applicazioni?

ciauz

60+30 tutorial su Ajax

inserito in ajax da fullo @ 09-05-2006 12:46

Direttamente dal blog di Max Klesler: 60 tutorial su ajax e round-up of 30 ajax tutorial.

[update]
su phpmagazine ne pubblicano ben 100!

ciuaz

Rassegna di links del venerdì

inserito in ajax, php, webdev da fullo @ 05-05-2006 12:37

ciuaz

Tre chicche Javascript/Ajax

inserito in ajax da fullo @ 26-04-2006 11:47

La prima è JQuery, un piccolo script (solo 10Kb) che permette di creare complesse azioni tramite una sorta di linguaggio a cascata. JQuery è inoltre personalizzabile ed è possibile scrivere dei plugin per estenderne le potenzialità.

La seconda è la nuova versione di LightBox, script utile a visualizzare le immagini all'interno di una finestra facendo andare in secondo piano il resto del testo. Questa versione integra (ancora meglio) al suo interno il framework Prototype e gli effetti di Scriptaculous.

Ultima è uno spredsheet chiamato EditGrid, ha al suo interno oltre 135 funzioni di calcolo preimpostate ed alcune template con cui è possibile iniziare a lavorare. Di programmi del genere (perchè ormai si tratta di programmi e non di semplici script) se ne sta parlando ultimamente molto anche su downloadblog.

ciuaz


phpday 2008