ho risolto usando questa funzione javascript
codice:
<script type="text/javascript">
function SimulaLink(ID)
{ var i = 1; for (i=1; i<4; i++)
{ document.getElementById("MioDIV_" + i).style.visibility = "hidden";
document.getElementById("MioDIV_" + i).style.position = "absolute";
if (i == ID) { document.getElementById("MioDIV_" + ID).style.visibility = "visible";
document.getElementById("MioDIV_" + ID).style.position = "relative";
}
}
}
</script>
<style type="text/css">
#MioDIV_1,#MioDIV_2, #MioDIV_3
{ visibility: hidden; position: absolute;
}
</style>
LINK 1
LINK 2
LINK 3
<div id="MioDIV_1">CONTENUTO 1</div>
<div id="MioDIV_2">CONTENUTO 2</div>
<div id="MioDIV_3">CONTENUTO 3</div>
pero ho ancora una domanda, nel mio file css ho messo:
a:link {color: yellow; text-decoration: none;} /* link gialli senza underline */
a:hover {color: green; text-decoration: underline;} /*link verdi su passaggio mouse con underline */
a:visited {color: red; text-decoration: none;} /* link rossi una volta visitati senza underline */
solo che usando il javascript sopra, funziona tutto tranne il a:visited, dunque quando clicco su una voce del menu, questa non diventa rossa! il resto funziona!
Rispondi quotando
