Javascript et ClassName

**Sebastien14** · 31/08/2010, 11h58

Bonjour,

Je rencontre un problème concernant la propriété className de javascript.
Je m'explique, je souhaite changer la classe d'une série de div contenu dans un autre au passage de la souris, j'ai utilisé le même code auparavant sur un onclick qui fonctionne très bien, je ne comprend pas pourquoi il ne marche pas ce coup ci, voici le code en question :

Code :

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

1
2
3
4
5
6
7
8
 
obj=document.getElementById('menu_niveau_3_'+nom);
		var divs = obj.getElementsByTagName('div');
		for(var i=0; i<divs.length; i++)
         if(divs[i].className=='niveau3')
		 {
			divs[i].className="niveau3_visible";
		 }

Merci par avance de vos réponses.

**Bovino** · 31/08/2010, 12h14

Parce que les instructions relatives à une boucle for se mettent entre accolades

Code :

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

1
2
3
4
5
for(var i=0; i<divs.length; i++){
    if(divs[i].className=='niveau3'){
        divs[i].className="niveau3_visible";
    }
}

**vermine** · 31/08/2010, 12h19

Je crains que non, Bovino. Ce genre de syntaxe fonctionne, le if étant considéré comme une seule instruction.

**Sebastien14** · 31/08/2010, 13h26

Merci pour vos réponses, oui en effet le if est considéré comme une seul instruction, j'ai exactement le même code à un autre endroit qui fonctionne.
En faite j'ai plus l'impression que ces un problème de rafraichissement, j'utilise ce code pour un menu lorsque j'affiche le sous menu rien ne se passe, si par contre j'affiche un autre sous menu et que je reviens afficher le sous menu precedent, le changement de classe est pris en compte.

**SpaceFrog** · 31/08/2010, 13h46

tu es sur que le css est chargé (path ou casse) ...

**Sebastien14** · 31/08/2010, 13h52

Merci pour ta réponse.
Et bien oui, les autres classes de mon fichiers css que j'utilise sont appliquées à d'autre éléments div, et cela fonctionne bien.

**SpaceFrog** · 31/08/2010, 14h00

en soi le principe fonctionne

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
 
<title>Nouvelle page 1</title>
 
<script type="text/javascript">
function bar(){
	var lis=document.getElementById('foo').getElementsByTagName('li')
	var i=-1;
	while(lis[++i]){
	  lis[i].className=(i & 1)?'toc':'tic';
	  }
	}
</script>
<style type="text/css">
.toc {background-color:red;}
.tic {background-color:green;}
</style>
</head>
 
<body>
<ul id='foo'>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<input type='button' onclick='bar()' value='go' />
 
</body>
 
</html>

tu as donc un souci de chargement du css

**Sebastien14** · 31/08/2010, 14h22

J'aurai un problème de chargement du css? Dans mon menu les div concerné ont déjà une classe attribué, cela fonctionne bien, c'est le changement qui ne se fait pas.

**Sebastien14** · 31/08/2010, 15h04

Je ne vois pas comment résoudre ce problème de chargement de css, une idée?

**SpaceFrog** · 31/08/2010, 15h07

commence par tester des trucs tout simples ...
le css est externe ?

**Sebastien14** · 31/08/2010, 15h10

Oui j'appel mon fichier css dans ma page html.

**SpaceFrog** · 31/08/2010, 15h11

et le style de base est dans le css externe ?

**Sebastien14** · 31/08/2010, 15h12

Oui aussi. Merci de prendre du temps pour essayer de résoudre mon problème

**SpaceFrog** · 31/08/2010, 15h14

la seule autre possibilité est que ton pointeur

Code :

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

obj=document.getElementById('menu_niveau_3_'+nom);

ne pointe pas sur le bon element ...

**andry.aime** · 31/08/2010, 15h14

obj=document.getElementById('menu_niveau_3_'+nom);

L'élément existe?
faits un alert pour voir s'il existe et s'il a les div fils que tu cherches.

**Sebastien14** · 31/08/2010, 15h18

Lorsque je rajoue un alert dans ma boucle :

Code :

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

alert(divs[i].className);

Il me renvoie bien la bonne classe, il trouve donc les éléments.

**SpaceFrog** · 31/08/2010, 15h24

c'est que ton fichier css comporte une erreur de syntaxe avant la declaration de la classe .niveau3_visible

**Sebastien14** · 31/08/2010, 15h29

Dans ce cas lorsque je clique sur un autre menu pour afficher un autre sous menu et que je reviens pour afficher le sous menu posant problème, la classe ne devrait pas s'appliquer non?