Banner dinamico espandibile cross-browser Mi sono imbattuto spesso ultimamente in banner espandibili su vari siti internet ed anche in articoli su alcune riviste di settore. Purtroppo quasi tutti soffrivano di un difetto che a me non va giù: erano pensati e fatti solo per funzionare con Internet Explorer, magari addirittura per le versioni più recenti e causavano errori a runtime o non funzionavano affatto con Mozilla ed altri browser che uso per testare i miei script. Da qui l'idea di realizzarne uno per i miei lettori e vedere se effettivamente è così difficile per queste agenzie di advertising realizzare effetti come questo che siano funzionanti con tutti i browser in grado di utilizzare i livelli. Leggendo questa scheda scopriremo che non è affatto difficile ottenere il risultato, e mi viene da pensare e dubitare della qualità del servizio che queste agenzie forniscono ai loro clienti, dubbi a maggior ragione legittimi considerando la crisi del settore. Tutto quel che ci serve è un'immagine, il banner, normalmente collegato con un link A HREF ed un livello a posizione fissa che andrà opportunamente riposizionato. Ovviamente useremo l'event-handler onmouseover sul link per attivare il livello, e l'opposto onmouseout sul link nello stesso livello per farlo scomparire:
. . . . . . . . . Il link al sito pubblicizzato sarà ovviamente posizionato sia sul banner grande che su quello normale, in modo che possa essere utilizzato anche da chi usa un browser non compatibile con la gestione dei livelli. Il banner "normale" che nell'esempio è un banale 468x60 verrà immerso nel documento come di consueto, io l'ho semplicemente messo all'inizio del secondo paragrafo ed ho aggiunto un align='right' per spostarlo al margine destro della pagina.. Il tag DIV del livello che contiene l'immagine grande sarà invece preferibilmente posizionato alla fine del documento, prima del tag