JS PARENT node

Version imprimable

JS PARENT node

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

18/03/2011, 20h28
javatwister

c'est sympa tous ces id clonés :mouarf:
18/03/2011, 20h29
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.
18/03/2011, 20h50
Bovino

Citation:

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

?

:mouarf:
18/03/2011, 20h58
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

Citation:

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;
18/03/2011, 21h04
nadox
:lol:
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 ! :aie:
18/03/2011, 21h13
Bovino
Citation:
Envoyé par nadox

:lol:
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 ! :aie:
:mouarf:
Bête, oui, mais que tu n'arrives malgré tout pas à voir quand tu essayes de débugger, tout en pestant :

Citation:

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

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