div nascosti via CSS

  • Creatore Discussione Creatore Discussione lauretta
  • Data di inizio Data di inizio

lauretta

Nuovo Utente
3 Gen 2006
1
0
0
Salve a tutti, ho un semplice script che mostra alcuni div nascosti (dalla proprietà CSS display:none) quando si clicca sui relativi link:
"function mostra (id) {
if (document.getElementById(id)) {
document.getElementById('pippo').style.display='none';
document.getElementById('pluto').style.display='none';
document.getElementById('paperino').style.display='none';
document.getElementById(id).style.display='block';
return false;
} else {
return true;
}
}"

I link sono così:
"<li><a onclick="return mostra('pippo')" href="">Pippo</a></li>
<li><a onclick="return mostra('pluto')" href="">Pluto</a></li>
<li><a onclick="return mostra('paperino')" href="">Paperino</a></li>"

Funziona tutto bene fatta eccezione per Firefox, Mozilla &Co: se si tenta di scrollare una volta scoperto il div, anzichè la pagina scrolla il div stesso...presumo perchè rimane il focus sul link che ha attivato la funzione.
Ho tentato di togliere il focus dal link col risultato di tornare ad avere il div display:none...:crying:
Suggerimenti?
 
display fa parecchi capricci con ff

usa qualcosa del genere per ogni div che vuoi nascondere con quella funzione

document.getElementById('pippo').style.visibility = "Hidden";
document.getElementById('pippo').style.position = "Absolute";
 

Discussioni simili