Tutorial Codeigniter per l’integrazione di ajax con jquery
Negli ultimi due anni passati, AJAX è diventato velocemente uno strumento ormai necessario per ogni web developer. In effetti grazie all’utilizzo di AJAX è possibile velocizzare le applicazioni, diminuendo il consumo di banda e i tempi di caricamento delle pagine, donando inoltre una maggiore usabilità.
In questo tutorial per il framework Codeigniter, tradotto parzialmente dall’articolo di Michael Wales, verrà mostrato come implementare in Codeigniter un caricamento dinamico di record da un database, utilizzando chiamate AJAX con l’usilio di Jquery.
La nostra applicazione sarà composta da una lista di post di un blog, che sono suddivisi in due tipologie: la lista dei pubblicati o la lista delle bozze. Inizialmente la nostra applicazione funzionerà senza l’utilizzo di chiamate AJAX; poi successivamente inseriremo questa funzionalità utilizzando un semplice script jQuery, garantendo comunque la fruibilità del sito anche se l’utente non ha abilitato il supporto javascript (perdendo solamente le chiamate asincrone AJAX ma non i contenuti da visualizzare).
Jquery Ajax content loading (XMLHttpRequest), caricare contenuti html in un div.
Capita sempre piu’ spesso di voler caricare porzioni di contenuti presenti in un sito, senza dover per forza ricaricare interamente tutto il contenuto della pagina.. questo tipo di interazioni sono la novita’ che contraddistinguono i siti e le applicazioni web di ultima generazione, che consentono di avere una rapporto di usabilita’ molto piu’ alto grazie a chiamate asincrone (Ajax), che ci permettono di interagire con le applicazioni in modo piu’ fruibile, avvicinando il web a vere e proprie applicazioni desktop.
Per realizzare questo tipo di chiamate dinamiche e interattive si utilizza solitamente l’oggetto XMLHttpRequest che e’ un elemento fondamentale della tecnica di sviluppo web conosciuta con l’acronimo Ajax.
Leggi il resto »
Jquery plugin risoluzione dinamica tramite media queries
Vi voglio segnalare un altro ottimo plugin JQuery, che ritengo molto utile quando si sviluppano siti con layout a dimensioni fisse e con la possibilità di avere diverse risoluzioni a schermo. Questo plugin Jquery implementa funzionalità di media queries, ovvero delle espressioni logiche dichiarate nel media type, che ci consentono di creare una dinamismo nelle nostre pagine in base a dei controlli (min-width e max-width in px), determinando quale css applicare dinamicamente in base alla risuluzione dell’utente. Molto importante ricordare che questo jquery plugin media queries rispetta gli standard W3C ed è compatibile con tutti i browser moderni, ovvero >= IE6.
Leggi il resto »
Jquery media plugin per inserire contenuti multimediali nelle pagine web
Jquery é una libreria javascript clientside veloce e concisa, tra l’altro molto famosa ed utilizzata, che permette di gestire eventi, integrare animazioni, inserire iterazioni di tipo ajax alle pagine web. Questo framework javascript e’ stata pensato appunto per cambiare e facilitare il modo di scrivere codice javascript, semplificando e potenziando le nostre applicazioni web, arricchendole di maggiore usabilitá e interattivitá. In questo post non voglio di certo ripetere nozioni scontate che si trovano ovunque sul web, ma vorrei piú che altro introdurre l’uso di alcuni plugin jquery che utilizzo nelle mie realizzazioni che sono a mio parere molto utili.
Uno di questi é il jQuery Media Plugin che supporta la conversione di un semplice e conciso tag in un un markup per un contenuto multimediale. Puo’ essere utilizzato per integrare facilmente in una pagina web media come Flash, Quicktime, Wndows Media Player, Real Player, MP3, Silverlight, PDF e tanti altri. In sostanza questo plugin converte l’elemento html, solitamente il tag con una classe css assegnata, in un contenente tag come object o iframe necessari per rendere all’utente il contenuto multimediale.
Questo media plugin jquery puo’ essere utilizzato in tutte quelle situazioni in cui si vuole rendere veloce l’inserimento di questi contenuti, e dotare anche gli utenti inesperti di un modo semplice per aggiornare i contenuti multimediali dei siti web, inserendo semplicemente dei link. Leggi il resto »
Usare librerie Ajax nel framework php Codeigniter
In questo post del blog vediamo come integrare facilmente nelle nostre applicazioni script ajax utilizzando sempre il framework php codeigniter. Il pacchetto scaricabile da qui, “Ajax for Codeigniter” ci permette di fornire funzionalitá ajax nelle nostre applicazioni web, utilizzando semplicemente degli helpers che includono le librerie ajax, in particolare potremmo utilizzare le librerie prototype e scriptaculous.
Vediamo in pochi passi come configurare il framework, poi per i dettagli di utilizzo fate riferimento alla guida all’interno del pacchetto. Leggi il resto »
