Discussion :

[Roromix]

Mon code affiche un menu CSS
J'aimerai faire en sorte que en cliquant sur un des trois liens, la valeur de class de chaque <li> soit mise a jour.
J'ai fait un script javascript mais je n'arrive pas a le faire fonctionné Comment faire ?

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
<script language="Javascript">
function lks(Aff, Mas, Mas2) {
var mAff = document.getElementbyId('lk'+Aff);
var mMas = document.getElementbyId('lk'+Mas);
var mMas2 = document.getElementbyId('lk'+Mas2);
mMas2.class='';
mMas.class='';
mAff.class='active';
}
</script>
      <div width="500">
           <ul id="tabnav">
           <li id="lk1" class="active"><a href="#" onclick="lks('1', '2', '3');">Coordonnées de la société</a></li>
           <li id="lk2"><a href="#" onclick="lks('2','3','1');">Paramétres de commandes</a></li>
           <li id="lk3"><a href="#" onclick="lks('3','1','2');">Paramétres du site</a></li>
           </ul>
      </div>

[MasterOfChakhaL]

Dans le javascript,

il faut utiliser la propriété element.className et non element.class

[Roromix]

Ca ne change rien a part que maintenant j'ai le message d'erreur : Cet objet ne gère pas cete propriété

[trotters213]

au lieu de faire

Code :

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

1
2
mMas2.class='';
mMas.class='';

tu devrais leur donner une valeur style mMas.class='rien'; et ton ton CSS tu crées une classe .rien dnt les valeurs sont celles par défaut (je ne sais pas ce que tu as mis par défaut).

[Roromix]

Voilà, ca fonctionne, en ROUGE, tout ce que j'ai changé ! J'avais oubliée la majuscule sur le B de "getElementById" et j'ai remplacé "class" par "className".

Merci pour votre aide.

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
<script language="Javascript">
function lks(Aff, Mas, Mas2) {
var mAff = document.getElementById('lk'+Aff);
var mMas = document.getElementById('lk'+Mas);
var mMas2 = document.getElementById('lk'+Mas2);
mMas2.className='';
mMas.className='';
mAff.className='active';
}
</script>
      <div width="500">
           <ul id="tabnav">
           <li id="lk1" class="active"><a href="#" onclick="lks('1', '2', '3');">Coordonnées de la société</a></li>
           <li id="lk2"><a href="#" onclick="lks('2','3','1');">Paramétres de commandes</a></li>
           <li id="lk3"><a href="#" onclick="lks('3','1','2');">Paramétres du site</a></li>
           </ul>
      </div>