Tag Archives: jpaging

Imparare jQuery – 9 – jPaging – Step 5 : closure contesti e visibilità

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 [...]

Imparare jQuery – 8 – jPaging – Step 4 : Eventi

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 [...]

Imparare jQuery – 7 – jPaging – Step 3 : Differenze via jQuery – 2/2

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 [...]

Imparare jQuery – 7 – jPaging – Step 3 : Differenze via jQuery – 1/2

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 [...]

Imparare jQuery – 6 – jPaging – Step 2 : Template pre-js

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 [...]

© 2010 Massimiliano Balestrieri | Thanks, WordPress | Sandbox theme | Standards Compliant XHTML & CSS | RSS Posts & Comments