apllicare style a link pagina corrente [era: Aiuto !problema link pagina corrente]

**leogtr** · 26-11-2006, 23:26

Ciao ho un sito dove ho la neccessità di evidenziare il link della pagina corrente ... vorrei usare javascript perchè le pagine sono caricate da un database quindi ho un link tipo

default.aspx?id=1
il menu è dentro un div , ogni ancora ha un id( ma posso usare anche un classe)
quindi penso che una parte del codice potrebbe essere questa

var loc = location.href;
var indirizzi = new Array();
indirizzi[0] = "www.sito.com/default.aspx?id=1";
indirizzi[1] = "www.sito.com/default.aspx?id=2";
indirizzi[2] = "www.sito.com/default.aspx?id=3";
ecc...
for(int i = 0; i < indirizzi.length; i++){
if(loc.equals(indirizzi[i]))
....
}

dopo l'if dovrei aggiungere alla classe o all'id del div il corrispettivo style css.... ma non riesco a farlo funzionare...
qualcuno potrebbe darmi una mano?

**floyd** · 26-11-2006, 23:51

il concetto è questo
ma devi adattarlo al tuo script
document.getElementById("idDelTag").className = "nomeClasse"

**leogtr** · 27-11-2006, 02:00

Ho provato ma mi restituisce un'errore nel ciclo for ...
ti posto il codice .

<script type="text/javascript">

var loc = location.href;
var indirizzi = new Array();
indirizzi[0] = "http://localhost:1403/Barrali/default.aspx?idPage=1";
indirizzi[1] = "http://localhost:1403/Barrali/default.aspx?idPage=2";
indirizzi[2] = "http://localhost:1403/Barrali/default.aspx?idPage=3";
indirizzi[3] = "http://localhost:1403/Barrali/default.aspx?idPage=4";
indirizzi[4] = "http://localhost:1403/Barrali/default.aspx?idPage=5";
indirizzi[5] = "http://localhost:1403/Barrali/default.aspx?idPage=6";

for(int i = 0; i <= indirizzi.length; i++){
if(loc.equals(indirizzi[i])){
document.getElementById("menunav").className="link attivo";
}
}

</script>

l'html è questo ...

<div id="menunav">
Home
Mappa
Storia
Foto
Feste
Info
</div>

con explorer mi da l'errore "Previsto ;" ...

**floyd** · 27-11-2006, 10:52

equals è un metodo di java

if (loc = indirizzi[i])
se esegui lo script prima del caricamento della pagina, ad esempio nell'head, il div menunav non è stato ancora creato

**leogtr** · 27-11-2006, 15:05

ok... infatti io consco java :-)

quindi dovrei chiudere il tutto in una funzione esempio applicaStyle() e mettere la funzione nel caricamento del body
<body onload="applicaStyle()"> ?

**floyd** · 27-11-2006, 15:17

esatto

**leogtr** · 28-11-2006, 03:09

Accidenti non va ancora ....

ora ho il codice
<script type="text/javascript">
var loc ;
function attivaLink(){
loc = location.href;
var indirizzi = new Array();
indirizzi[0] = "http://localhost:1403/Barrali/default.aspx?idPage=1";
indirizzi[1] = "http://localhost:1403/Barrali/default.aspx?idPage=2";
indirizzi[2] = "http://localhost:1403/Barrali/default.aspx?idPage=3";
indirizzi[3] = "http://localhost:1403/Barrali/default.aspx?idPage=4";
indirizzi[4] = "http://localhost:1403/Barrali/default.aspx?idPage=5";
indirizzi[5] = "http://localhost:1403/Barrali/default.aspx?idPage=6";

for(int i = 0; i <= indirizzi.length; i++){
if(loc == indirizzi[i]){
document.getElementById('menunav').className="link attivo";
}

}

}
</script>

che però continua a darmi il solito errore....

**floyd** · 28-11-2006, 10:33

for(var i=0; ...

Discussione: apllicare style a link pagina corrente [era: Aiuto !problema link pagina corrente]

Strumenti discussione

Ricerca discussione

Visualizza

Aiuto !problema link pagina corrente

Permessi di invio