PDA

View Full Version : [JavaScript] retro oscurato

ianaz
21-11-2006, 16:06
Salve, volevo sapere cosa "studiare" per poter fare una cosa cosė in JavaScript:

http://img242.imageshack.us/img242/223/javascriptjc7.th.jpg (http://img242.imageshack.us/my.php?image=javascriptjc7.jpg)

Praticamente "oscura" la pagina dietro (non vanno pių i bottoni ed i links).
Pensavo di assegnargli un opacity 10 ma poi come faccio a metterci un div li cosė?

Grazie :)
andbin
21-11-2006, 16:26
Praticamente "oscura" la pagina dietro (non vanno pių i bottoni ed i links).
Pensavo di assegnargli un opacity 10 ma poi come faccio a metterci un div li cosė?Uhm ... interessante, lo sto studiando con il DOM Inspector di Firefox. Da quello che sto vedendo la box bianca č un DIV posizionato a z-index 9000 mentre appena sotto, a z-index 5000, c'č un DIV che copre l'intera area (width e height a 100%) e che ha come background una immagine PNG che suppongo usi il canale alpha per dare una semi-trasparenza.
Quindi se clicchi su qualcosa, il clic finisce su quel DIV e non pių "sotto".
ianaz
21-11-2006, 17:57
E senza trasparenza?
Intendo metterci un div sopra a tutta la pagina...
andbin
21-11-2006, 18:08
Ho scritto un semplice esempio, provalo. Nota che funziona senza problemi con Firefox mentre (guarda caso :rolleyes: ) non funziona con IE. Appena ho tempo cerco di capire come renderlo compatibile con IE.
Comunque l'esempio č giusto per dare una idea. ;)
0rph3n
21-11-2006, 18:09
beh basta non mettere la png no?! :D
a parte gli scherzi, non ho capito la domanda! :stordita:
andbin
21-11-2006, 18:21
Mi č venuta in mente solo adesso una cosa .... in effetti anche nella fase di "oscuramento", utilizzando il tasto TAB č possibile muoversi tra i link "sotto" e quindi poi attivarli con INVIO. :fiufiu:
Ma ho visto che anche quel sito che hai indicato si comporta cosė.
ianaz
22-11-2006, 09:44
Non m'importa molto di oscurare dietro, mi va bene cosė ;)
Per la storia del tab non fa niente, se l'utente vuole cliccare sui link lo faccia pure
Grazie mille :D