Discussion :

[michaelbob]

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

mets un

 

dasn la balise a ...

[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.

[SpaceFrog]

c'est le background que tu modifies ??
et ça vire le href ?

[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...

[SpaceFrog]

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

[michaelbob]

Voici mon css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Merci pour ton aide !