Effetto grigio in uscita da una pagina

janfri

Effetto grigio in uscita da una pagina

Buongiorno a tutti,
Qualcuno sa come fare l'effetto che viene utilizzato anche in questo sito? Parlo del cambio di colorazione di tutta la pagina (in grigio) quando si clicca sul link esci. Un po' come fa windows Xp.

ienavr

se guardi il sorgente html della pagina trovi tutto quello che ti serve!

in particolare queste sono le parti di tuo interesse:

[HTML]<a rel="nofollow" href="http://www.giorgiotave.it/forum/login.php?do=logout&logouthash=2437905bdd5e224d6abcccbf69da6585" onclick="return log_out()">Esci</a>[/HTML]

questo è il codice che genera il link e che "scatena" l'evento log_out al click del mouse.

<script type="text/javascript">
<!--
function log_out()
{
 ht = document.getElementsByTagName("html");
 ht[0].style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
 if (confirm('Sei sicuro di volerti disconnettere?'))
 {
  return true;
 }
 else
 {
  ht[0].style.filter = "";
  return false;
 }
}
//-->
</script>

e questo è appunto il codice della funzione log_out, che prende l'elemento html (e quindi tutta la pagina) e gli applica un filtro grigio.

janfri

Ciao,
Ho provato subito il codice che mi hai postato ma a parte la richiesta conferma non avviene nessun effetto.. Manaca qualcosa? Il il link esci lo riferito alla stessa pagina di test. Ho sbagliato io? Il file logout.php fa qualcosa?

Grazie

joker197cinque

@janfri said:

Ciao,
Ho provato subito il codice che mi hai postato ma a parte la richiesta conferma non avviene nessun effetto..
Grazie

Usi Firefox ?

Mi permetto di suggerire un workaround anche per FF e Opera:

http://www.vbulletin.com/forum/archive/index.php/t-196313.html

ienavr

sì la versione che ho postato io (quella del forum di giorgio) funziona solo su IE...ti consiglio quindi di adottare quella (migliore!!!) postata da joker197cinque!

il file logout.php serve per fare il logout, ma non c'entra nulla con l'effetto grigio, che è gestito dal javascript...

ciao

janfri

Buongiorno a tutti,
ringrazio joker197cinque e ienvar. Confermo che la versione funzionante anke in IE 7 è questa: http://www.vbulletin.com/forum/archi.../t-196313.html