standard - pillola 5 - RolloverClick Table

[standard]

ciao ragazzi,
mi era rimasto questo script nel cassetto da quest'estate, e visto che ora sono usciti gli articoli sugli eventi (dove potete trovare tutta la teoria dietro lo script), vi propongo questo scriptino:

RolloverClick Table

si tratta di una tabella in cui alle celle è applicato un rollover e un effetto di permanenza al click (con o senza effetto "visited").
Niente di originale, quello che è interessante è che gli eventi sono gestiti sfruttando il DOM e la fase di event bubbling degli eventi scaturiti sulla tabella.
Questo permette di inserire gli event handler solo al livello del tag TABLE e mettere tutto il resto del codice anche in un js esterno:

RolloverClick Table (JS esterno)

il file lo potete scaricare qui:
RolloverClickTable.js

ciauz

[Syd Barrett]

on ho capito quale sia la parte "originale" ma la parte "banale" è molto carina, complimenti

[naverit]

Thanks!!

[Dennis]

ah standard... ti metti a fare scriptozzi...

buono! :metallica

[domenyco]

Oltre che buono direi anche utile.....
Perchè per cercare un script del genere esci mezzo pazzo :gren: :quote:

[standard]

Originariamente inviato da Syd Barrett
on ho capito quale sia la parte "originale" ma la parte "banale" è molto carina, complimenti

infatti non è niente di originale : nell'articolo ne proponevo una versione un po' più rudimentale di questa, a sua volta ispirata da questo script (se entri nel codice vedrai che le cose sono un po' diverse).
cmq mi sembra uno script utile, no?

grazie a tutti per i complimenti!
ciauzzz

[IMMANUEL_KANT]

Originariamente inviato da standard
ciao ragazzi,
mi era rimasto questo script nel cassetto da quest'estate, e visto che ora sono usciti gli articoli sugli eventi (dove potete trovare tutta la teoria dietro lo script), vi propongo questo scriptino:

RolloverClick Table

si tratta di una tabella in cui alle celle è applicato un rollover e un effetto di permanenza al click (con o senza effetto "visited").
Niente di originale, quello che è interessante è che gli eventi sono gestiti sfruttando il DOM e la fase di event bubbling degli eventi scaturiti sulla tabella.
Questo permette di inserire gli event handler solo al livello del tag TABLE e mettere tutto il resto del codice anche in un js esterno:

RolloverClick Table (JS esterno)

il file lo potete scaricare qui:
RolloverClickTable.js

ciauz

Non riesco a visualizzare lo script... Errore 404

[standard]

ops, scusa il ritardo della riposta, ma lo script c'è!
ciauuzz

[IMMANUEL_KANT]

è stato un problema temporaneo infatti

[KID.A]

e bravo Standard, ci stupisci sempre...
complimenti!