JS PARENT node

[ghighi-du63000]

Bonjour, j'ai crée ce sujet car j'ai besoin d'aide pour mon script.
J'ai crée un truc pour Minimiser et Fermer un truc (Cacher/Afficher) Quand il y'en a un ca marche bien Et quand il y'en a deux la sa pose problème car le div 2 ferme le div 1 mais le div 2 ne se ferme jamais.Ca peux être superflu donc voici le code.
Code Javascript :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function divaffiche(){
      document.getElementById("box_keywords").style.display = "block";
      document.getElementById("cache").style.display = "inline";
      document.getElementById("voir").style.display = "none";
    }
    function divcache(){
      document.getElementById("box_keywords").style.display = "none";
      document.getElementById("cache").style.display = "none";
      document.getElementById("voir").style.display = "inline";
    }
	function divclose(){
      document.getElementById("box_keywords").style.display = "none";
	  document.getElementById("box").style.display = "none";
	  document.getElementById("close").style.display = "none";
      document.getElementById("cache").style.display = "none";
      document.getElementById("voir").style.display = "none";
    }

Et le HTML

Code HTML :

Code :

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
<div id="box">
<!-- Boite 1 (Div1) -->
<b class="box_title"><?php if (isset($box_name)) {     echo $box_name; }else { echo "Sans titre";} ?></b>
<!--Close-->
<a  id="close"  onClick="divclose()" style="display:inline;"/>
	<img  align="right" src="images/button/close.gif" alt="Fermer" title="Fermer" id="close">
</a>
<!--Restore-->
<a   id="voir" 	onClick="divaffiche()" style="display:none;"/>
	<img  align="right" src="images/button/restor.gif" alt="Restaurer" title="Restaurer">
</a>
<!--Minimize-->
<a  id="cache"  onClick="divcache()" style="display:inline;"/>
	<img  align="right" src="images/button/minimize.gif" alt="Minimiser" title="Minimiser">
</a>

<div id="box_keywords">
<p>5sdsd</p>
</div>
</div>
<div id="box">
<!-- Boite 2 (Div2) -->
<b class="box_title"><?php if (isset($box_name)) {     echo $box_name; }else { echo "Sans titre";} ?></b>
<!--Close-->
<a  id="close"  onClick="divclose()" style="display:inline;"/>
	<img  align="right" src="images/button/close.gif" alt="Fermer" title="Fermer" id="close">
</a>
<!--Restore-->
<a   id="voir" 	onClick="divaffiche()" style="display:none;"/>
	<img  align="right" src="images/button/restor.gif" alt="Restaurer" title="Restaurer">
</a>
<!--Minimize-->
<a  id="cache"  onClick="divcache()" style="display:inline;"/>
	<img  align="right" src="images/button/minimize.gif" alt="Minimiser" title="Minimiser">
</a>

<div id="box_keywords">
<p>5sdsd</p>
</div>
</div>

Merci de votre aide
J'ai vu ce script qui ma mit sur le chemin et qui marche très bien. Mais je voudrai garder mon script.
ici

Merci

[javatwister]

c'est sympa tous ces id clonés

[nadox]

Bonsoir,

D'après toi, que renvoie la fonction document.getElementById ?
Un indice : sur une page, tu ne peux pas avoir deux fois le même id.

[Bovino]

Envoyé par nadox

D'après toi, que renvoie la fonction document.getElementById ?

Avec un id multiple sur la page, on pourrait penser à

Code :

getElementByPrediction()

ou bien

Code :

getElementByChance()

?

[javatwister]

et puis, qu'est-ce que c'est beau ce mélange de php et de html, cette répétition incessante de document.getElementById...

et ça aussi

Envoyé par ghighi-du63000

J'ai vu ce script qui ma mit sur le chemin et qui marche très bien. Mais je voudrai garder mon script.
ici

un conseil, suis l'honorable sentier qui mène à un tuto;

[nadox]

Je fait de mon côté souvent ce type d'erreur toute bête

Code :

1
2
 
document.getElementByTagName("head")[0];

en sachant pourtant pertinemment que j'attends bien un tableau d'élément !

[Bovino]

Envoyé par nadox

Je fait de mon côté souvent ce type d'erreur toute bête

Code :

en sachant pourtant pertinemment que j'attends bien un tableau d'élément !

Bête, oui, mais que tu n'arrives malgré tout pas à voir quand tu essayes de débugger, tout en pestant :

Mais bordel, pourtant il n'y a pas d'erreur dans le code !

Enfin, je ne sais pas pourquoi je parle de ça, ça ne m'est jamais arrivé à moi