-
Salve, spero di non essere OT postando un problema, principalmente javascript, qui.
Ho realizzato un menu con un effetto "pseudo rollover" usando solo i CSS.
L'effetto lo potete vedere qui http://www.vecciatica.altervista.org/nobanner.html.
Per semplificare le procedure di aggiornamento volevo includere (SSI) il menu perdendo però la possibilita di dare un aspetto diverso alla casella corrispondente alla pagina visualizzata.
La mia idea (per modo di dire) sarebbe usare document.URL per sapere se la pagina corrente corrisponde ad un link del menu ed evidenziarla come da esempio, il tutto senza usare php.
Cercando in giro ho scoperto che è possibile modificare le impostazioni di stile di un tipo di tag, tramite javascrip e in maniera dinamica in base alla classe, all'id o a tutti,ma purtroppo non per un solo tag di una certa classe, almeno a quanto o scoperto.
Qualcuno ha una dritta da darmi?
Grazie.
Giancarlo.
-
[code:1:a961b90cc5]
<html>
<head>
<style>
.acceso {font-size:18px}
.spento {font-size:12px}
</style>
</head>
<body>
<a href="http://vecciatica.altervista.org/link1.html" id="link1" class="spento">link1</a><br>
<a href="http://vecciatica.altervista.org/link2.html" id="link2" class="spento">link2</a><br>
<a href="http://vecciatica.altervista.org/link3.html" id="link3" class="spento">link3</a><br>
<script language="javascript">
for (var i=1;i<4; i++) {
if (document.URL==document.getElementById(&qu ot;link"+i).href)
document.getElementById("link"+i) ;.className="acceso";
}
</script>
</body>
</html>
[/code:1:a961b90cc5]
prova in questo modo, dovrebbe funzionare....
se lo provi in locale e usi windows di sicuro non funzionerà per il fatto che questo(poteva mai farne una giusta :evil: ), ti inverte le barre all'interno dei link :wink:
-
Grazie Jole! Ho già provato lo script e funziona alla grande. :D
Ti avrei volentieri ricompensato facendo un giro per il tuo sito e votandoti ma vedo che è "Chiuso per Sfizio"... :lol:
Faro in modo di farci un giro appena riapri.
Ciao.
Giancarlo.
-
se riapro, riapro sempre per sfizio!!!! :lol: :lol:
