post precedente : eventi
indice tutorial
Cerchiamo prima di proseguire di fare chiarezza sull’ambito delle variabili, e sulla visibilità delle variabili esterne alle closure degli eventi.
Assegno fuori dal contesto degli eventi una variabile
var _context = _page;
La userò solamente in questo esempio. Nei successivi post non ci sarà traccia di questo codice.
All’interno degli eventi di tutti i [...]
post precedente : jPaging - Differenze via jQuery - 2/2
indice tutorial
sorgente js di questo post
demo di questo post
Aggiungiamo gli eventi.
Nei precedenti post abbiamo aggiunto la toolbar. Ora non ci rimane che aggiungere i comportamenti ai tasti della toolbar.
Partiamo dai tasti di pagina. Poi vedremo il tasto avanti e indietro.
jQuery(”.jp-handler”)
.click(function(){
//qui il codice dell’evento
});
Per associare [...]
Also tagged jpaging, jquery, plugins, tutorial post precedente : differenze via jQuery - 1/2
indice tutorial
Aggiungiamo la toolbar per la paginazione.
Per aggiungere una struttura xhtml posso usare tante tecniche.
Un sistema di template sarebbe l’ideale. Perchè renderebbe più chiaro il codice xhtml.
Se dovessi scegliere forse salverei un file xhtml e lo inietterei via ajax nella nostra pagina (AHAH).
Ma aggiungerei “troppa carne [...]
… continua da
Carlo sostiene che i primi 3 post sono stati un po’ facilotti anche per lui…
Facciamo questa paginazione lato-client.
Suddividiamo il processo in una serie di passaggi.
L’estetica vi dico subito la lascio ai grafici.
Il componente più è slegato dal design e più è riusabile.
Un piccolo indice per il tutorial:
Studio del componente UI
Template pre-js
Differenze applicate via [...]
… continua da
La separazione del codice javascript dal documento html prevede che le nostre funzionalità, almeno quelle che devono interagire con il documento, aspettino un evento.
L’evento window.onload.
window.onload
Il window.onload è il primissimo passo per una vera programmazione javascript non intrusiva.
window.onload è un handler.
Handler vuol dire maniglia. Almeno quando si parla di programmazione guidata da eventi (Event [...]
… continua da
Prima di addentrarmi nel tutorial vero e proprio e nel primo esempio (paginazione latoclient) vorrei definire alcune buone pratiche che ricadono sotto la definizione di javascript non intrusivo (unobtrusive javascript).
Per approfondimenti consiglio la lettura della serie di articoli scritti da Christian Heilmann:
le 7 regole di javascript non intrusivo
tradotto in italiano da [...]
This plugin is a RIA widget. The XHTML structure is made of record.
Each record has an interval of hours (each hour is divided in
quarters). Upon each record there are booking blocks that, depending
on the used class, are draggable and resizable. Blocks are green but
they can be overfitted with blocks of different color while they can’t
go [...]
Da quando ho iniziato la scrittura di questo blog ho ricevuto qualche migliaio di visitatori. Per la maggior parte statunitense. Ho deciso di scrivere una serie di post/tutorial in italiano per imparare a programmare in jQuery e quindi per imparare a programmare in “javascript professionale”.
Non sono un gran scrittore. Anzi sono un programmatore. Alla lunga [...]
…because IE sucks.
This plugin is a tribute to the “Firefox Download Day 2008″.
This plugin helps people moving away from Internet Explorer turning the colors of your website to a grayscaled version (using a property of Explorer itself!).
It was written from an idea of Andy Clarke and a suggest of Simone Parato
DOWNLOAD
/*
*
* Black’n'White plugin [...]
Da un idea di Andy Clarke.
Grazie alla segnalazione di Simone.
Da oggi questo sito verrà visualizzato in bianco e nero da tutti gli utenti che utilizzano ancora internet explorer 6.
Non ho la forza, ne la voglia di spiegare cosa non vada in ie. In ie6 come in ie7… e tra poco in ie8.
Internet explorer dovrebbe [...]