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 [...]
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 [...]
post precedente : template pre-js
indice tutorial
Nel post precedente ho tagliato dall’xhtml qualsiasi struttura utile alla sola componente js.
jQuery
Aggiungere, manipolare in generale, elementi html di una pagina è uno dei principali motivi di successo nel mondo, della libreria creata dal genio di John Resig.
Una delle invenzioni più geniali che io abbia potuto veder nascere [...]
post precedente : Studio UI
indice tutorial
Nell’esempio precedente abbiamo visto il componente “finito”. Non funzionante. Ma visivamente come dovrebbe essere alla fine del nostro processo di sviluppo.
La paginazione, la pagina attiva, i pulsanti avanti e indietro (visibili o meno).
Per programmare in maniera intrusiva bisogna rispettare il principio del “Graceful degradation“.
Io devo AGGIUNGERE una funzionalità. Aggiungerla [...]