Discussion :

[Invité]

Bonjour,
Je butes sur ce code que je croyai simple

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<script type="text/javascript">
var ancien=1;
function menu(x) {
    document.getElementById(+ancien+).className="Nactive";
    document.getElementById(+x+).className="active";
    ancien=x;
}
</script>
<div id="nav-bar">
   <ul>
     <li><a href="#home" id=1 class="active" onclick="menu(1)">Accueil</a></li>
     <li><a href="#presentation" id=2 class="Nactive" onclick="menu(2)" >Présentation</a></li>
     <li><a href="#etudes" id=3 class="Nactive" onclick="menu(3)" >Etudes</a></li>
     <li><a href="#certificats" id=4 class="Nactive" onclick="menu(4)" >Certificats</a></li>
     <li><a href="#projets" id=5 class="Nactive" onclick="menu(5)" >Projets</a></li>
     <li><a href="#experiences" id=6 class="Nactive" onclick="menu(6)" >Expériences</a></li>
     <li><a href="#skills" id=7 class="Nactive" onclick="menu(7)" >Compétences</a></li>
     <li><a href="#contact" id=8 class="Nactive" onclick="menu(8);" >Contact</a></li>
   </ul>
</div>

Ce que je souhaites c'est changer la class de l'élément cliqué et celle de l'ancien élément.
je crains ne pas savoir si c'est le numérique de mes ID qui génent, ou ma syntaxe ... bref je ne trouves pas même
en utilisant id="2" par exemple.
En plus il me di ne pas connaitre la fonction menu ??

Merci d'avance de votre aide.

[Beginner.]

Oui je crois aussi qu'il y a un problème avec les ID, il me semble que ce sont des chaines de caractères et non des nombres donc il faut les mettre entre guillemets ou entre simple quotte...

[Invité]

Oui mais alors la zsyntaxe serait quoi

[Beginner.]

Je suis en train de le tester... Il y a plusieurs choses qui vont pas alors je teste avant...

Je ne suis pas sur d'avoir compris, vous voulez qu'à chaque clique sur l’élément sa classe bascule de active à Nactive et vice versa; c'est ça ?

[Invité]

Exactement !!
Et merci de ce temps que tu me consacre, excuses mon temps de réponse mais j'ais un de mes enfant
qui bloque un peut mon emploie du ttemps

[Beginner.]

Pas de problème...

Par contre en lisant votre code plusieurs fois j'ai finalement compris que vous vouliez en fait qu'un seul élément à la fois soit actif, au début c'est le premier ensuite si on clique sur un autre élément il devient actif et l'ancien devient inactif et ainsi de suite...

Bon c'est mieux en testant ici : http://jsbin.com/nurixezici/edit?html,css,js,output

C'est facile à vérifier : pour savoir quel est l’élément actif j'ai ajouté du css du coup l'élément actif apparait en vert gras...

Dites moi si c'est bien cela que vous voulez...

[Invité]

Trop simple et génial
Mille mercis

[Beginner.]

De rien ! Tant mieux si c'est bien ça...

[Beginner.]

Au cas où cela intéresserait quelqu'un (deux solutions de SpaceFrog) : #4