Discussion :

[leodav]

Bonjour,

Je galère à trouver une solution au problème suivant : j'ai une div mère, 4 filles dont les trois premières avec le même nom de classe et un attribut onmouseout. Je cherche à masquer la troisième.

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
<style type="text/css">
.divParent{
	background-color:blue
}
 
/*.divParent .divFille:first-child{
	background-color:green
}
 
.divParent .divFille:last-child{
	background-color:black
}
 
.divParent .divFille:nth-child( 2n + 1 ){
	background-color:black
}*/
</style>
<div class="divParent">
	<div class="divFille" onmouseout="alert(toto)">1</div>
	<div class="divFille" onmouseout="alert(toto)">2</div>
	<div class="divFille" onmouseout="alert(toto)">3</div>
	<div class="clearboth"></div>
</div>

Le nth-child( 3 ) fonctionne mais pour le moment peu de navigateurs le permettent.

Je me tords l'esprit pour trouver une solution, pouvez-vous m'aider ? Merci d'avance.


Léo

PS : c'est ma première discussion ici, merci developpez.com !

[Katachana]

Tu ne pourrais pas passer par du javascript ?

T'as Div mère est dynamique ? il va en avoir plusieurs dans ta page ?

[kohsaka]

tu as la main sur le html ?

parce que je vois pas trop le problème sinon

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
 
.main {}
.main .child {}
.main .child.hiddenChild {display: none;}
.main .otherChild {}
 
<div class="main">
   <div class="child">
   </div>
   <div class="child">
   </div>
   <div class="child hiddenChild">
   </div>
   <div class="otherChild">
   </div>
</div>

[leodav]

Merci pour vos réponses !

En fait je ne peux pas toucher au html, je n'ai la main que sur le Css et le JavaScript.

J'avoue ne pas voir au premier abord comment passer par du JavaScript si je n'ai pas d'Id sur mes divs (?).

Et il n'y a qu'une seule div mère de ce type.

[kohsaka]

tu peux tenter de récupérer un tableau d'éléments avec getElementByTagName et après de le parcourir pour cacher le 3eme.

et hésite pas a te simplifier la vie en utilisant jQuery par exemple.

[leodav]

Yeah merci super idée !

Et merci aussi du conseil pour le choix d'une bibliothèque je vais m'y pencher.