[Js] changement de classe css qui annule le lien

Version imprimable

10/05/2006, 14h06
michaelbob

[Js] changement de classe css qui annule le lien
Bonjour,

J'ai une série de boutons liens que j'initalise comme ca :
Code:

1 2 3 4 5 <ul class="menu"> <li class="menu1G" id="menu1G"><a href="/lien"></a></li> .../... </ul>
Or, au chargement de la page, j'execute un script javascript qui change l'image du bouton. En fait, il ne fait que changer la classe css, et la nouvelle classe chargé pointe vers une autre image :
Code:

1 2 document.getElementById("menu1G").className="menu1G_on";
Le probleme est qu'à l'exécution du code Javascript, je perds mon lien. Le bouton devient un bouton inerte ....

Avez vous une idée ?

Merci d'avance
10/05/2006, 14h11
SpaceFrog

mets un

Citation:

 

dasn la balise a ...
10/05/2006, 14h18
michaelbob

En effet ...

Mais ca change rien.

En fait, je vais etre plus precis. Globalement, le code javascript est appelé par le clic sur un bouton. Or, lelien fonctionne très bien avant le clic sur le bouton, mais des que je clique sur le bouton, je change bien de classe css, donc d'image sur le bouton, mais le bouton devient inerte.

Merci quand meme pour ta réponse.
10/05/2006, 14h21
SpaceFrog

c'est le background que tu modifies ??
et ça vire le href ?
10/05/2006, 14h40
michaelbob

C'est ca ouais ...

lors du clic sur le bouton, je change de classe css ce qui a pour but de changer la valeur de la propriété "background-image".

Et en effet, ca semble virer le href .... Enfin en tout cas, le bouton devient inerte...
10/05/2006, 14h54
SpaceFrog

sans voir ton css et ton javascript ça me parait difficile de se faire une opinion

Voici mon css :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
.menu1G{
 
background-image: url(../images/menu1_off.gif);
width: 209px;
height: 50px;
}
 
.menu1G_on {
width: 209px;
height: 50px;
background-image: url(../images/menu1_on.gif);
}

VOici mon code js :

Code:

1
2
3
4
 
function highlightMenu(){
document.getElementById("menu1G").className="menu1G_on";
}

Merci pour ton aide !