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?
"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?