Discussion :

[Perceval]

Bonjour tous,

Tite question que j'essaie de résoudre... n'étant pas un crack en javascript.

J'ai un menu de ce style :

Code :

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

1
2
3
4
5
<ul>
 <li><a href="#">Choix 1</a></li>
 <li><a href="#">Choix 2</a></li>
 <li><a href="#">Choix 3</a></li>
</ul>

Et j'aimerais qu'au survol du choix 1 par exemple, le javascript me transforme le code comme ca :

Code :

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

1
2
3
4
5
<ul>
 <li><a href="#" class="survol">Choix 1</a></li>
 <li><a href="#">Choix 2</a></li>
 <li><a href="#">Choix 3</a></li>
</ul>

En fait, je n'arrive pas à trouver comment on peut modifier le contenu d'une balise.

Merci d'avance

[Pymm]

t'as essayé un truc comme ça ?

Code :

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

<li><a href="#" onmouseover="this.class='survol'">Choix 1</a></li>

[Perceval]

non... si c'est ca... je pète un cable.... je recherche des trucs compliqué depuis trop longtemps.....

[Mr N.]

Essaie this.className

Sinon tu fais ca avec les css : a:hover == survol

[SpaceFrog]

Code :

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

document.getElementsByTagName('ul')[0].getElementsByTagName('li')[0].className='survol

[Perceval]

Yep... merci ca marche en avec le this.className

Merci vous 3

[Perceval]

Euh... je reviens à la charge.... parce qu'en fait....

Déjà, au départ, je m'était trompé, car ce n'était pas sur un survol, mais sur un click. Mais bon, je l'avais adapté au clic et ca marchait. (c'est la suggestion de Mr N qui m'a interpelé... )

Par contre, du coup, quand je clique, bah ca met bien mon 1er lien avec ma class, mais si je clique sur le 2ème lien, le 1er conserve sa classe..L (logique dirons nous).

Donc la question est Faut il rafraichir la page pour que ca disparaisse ? ou bien on peut supprimer le class des autres liens de mon menu.

[SpaceFrog]

non il faut juste dans une boucle scanner les li et leur attribuer soit le className qui convient ...

[Mr N.]

Ben oui tu parcours ta liste de liens grace au code de SpaceFrog et tu changes la classe

[Perceval]

Ok... je m'éxécute ;o))

[Perceval]

C'est bon, c'est résolu.... mici ;o))