[DHTML] Changer menu

Version imprimable

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:

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>

13/10/2006, 00h23
MasterOfChakhaL

Dans le javascript,

il faut utiliser la propriété element.className et non element.class
13/10/2006, 00h26
Roromix

Ca ne change rien a part que maintenant j'ai le message d'erreur : Cet objet ne gère pas cete propriété
13/10/2006, 09h47
trotters213
:salut:
au lieu de faire
Code:

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

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:

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>