Discussion :

[trisbro]

J'ai 11 <div> sur une page. A la base elles sont tous cachées. Chacune d'elle possède un bouton nommé: En savoir plus?. Lors du click sur le bouton, la <div> concerné apparait et le bouton change de nom pour: Fermé fenêtre.

Mes <div> sont aussi programme pour qu'il y en est seulement 1 d'ouverte a la fois. Donc si la <div1> est ouverte, lors du click sur la <div2>, la <div1> se ferme.

Le probleme arrive lorsque je click sur le bouton d'une des <div>, la <div> ouvre et le bouton change de nom comme prévu. Mais lorsque j'ouvre une 2e <div> la première se ferme MAIS garde le nom: fermé fenêtre.

Je veux que lorsqu'une <div> est fermé, sont bouton affilié sois toujours: En savoir plus?

javascript :

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
function switchDiv(n) {
   var id;
   var hide = 0;
   switch(n) {
      case 1 : id = "div1"; break;
      case 2 : id = "div2"; break;
      case 3 : id = "div3"; break;
      case 4 : id = "div4"; break;
      case 5 : id = "div5"; break;
      case 6 : id = "div6"; break;
      case 7 : id = "div7"; break;
      case 8 : id = "div8"; break;
      case 9 : id = "div9"; break;
      case 10 : id = "div10"; break;
      case 11 : id = "div11"; break;
      }
   if ( document.getElementById(id).style.display == "block" ) hide = 1;
   document.getElementById('div1').style.display = "none";
   document.getElementById('div2').style.display = "none";
   document.getElementById('div3').style.display = "none";
   document.getElementById('div4').style.display = "none";
   document.getElementById('div5').style.display = "none";
   document.getElementById('div6').style.display = "none";
   document.getElementById('div7').style.display = "none";
   document.getElementById('div8').style.display = "none";
   document.getElementById('div9').style.display = "none";
   document.getElementById('div10').style.display = "none";
   document.getElementById('div11').style.display = "none";
   if ( hide != 1 ) document.getElementById(id).style.display = "block";
   }
 
oldTextAry = new Array();
 
function changeText (fieldObj, newTexStr) {
if (newTexStr == fieldObj.innerHTML) {
fieldObj.innerHTML = oldTextAry[fieldObj.id];
} else {
oldTextAry[fieldObj.id] = fieldObj.innerHTML;
fieldObj.innerHTML = newTexStr;
}
}

html :

Code :

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

1
2
3
4
<p class="choix">Carrière</p>
	<div id="div1" style="display: none;">
	</div>
	<p class="savoir_plus"><a id="ferme_fenetre" href="#div1" onclick="switchDiv(1);changeText(this,'« Réduire fenêtre'); "><i>En savoir plus?</i></a></p>

Merci de votre aide ...

[SpaceFrog]

suggestion:

Code :

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

 document.getElementById('div'+n).style.display = "none";

[trisbro]

Malheureusement ca ne marche pas

[SpaceFrog]

Malheureusement tu n'as pas compris la piste et tu n'as pas su l'implémenter ..

http://jsfiddle.net/ywZTh/

[Kaamo]

Marrant comme exercice !
http://jsfiddle.net/hBmaF/

Comprends, analyse, pose des questions, le but c'est de comprendre ce qui se passe

[dragonno]

Mes <div> sont aussi programme pour qu'il y en est seulement 1 d'ouverte a la fois. Donc si la <div1> est ouverte, lors du click sur la <div2>, la <div1> se ferme.

Le probleme arrive lorsque je click sur le bouton d'une des <div>, la <div> ouvre et le bouton change de nom comme prévu. Mais lorsque j'ouvre une 2e <div> la première se ferme MAIS garde le nom: fermé fenêtre.

Essaie de voir si mon script javascript peut t'aider à actionner seulement un div tout en cachant les autres.

Je l'utilise pour faire apparaitre un panel parmi d'autres, en cliquant l'onglet que possède chaque panel, donc c'est un peu le même principe en fait.
Je sais plus où est mon lien essaie de le trouver dans "contributions" du forum javascript, ça parle d'onglets.

Pas mal les liens de Kaamo et spacefrog !!! Regarde-les !