Masquer Afficher Question Reponse
Bonjour,
Je voudrais faire un script qui permet d'afficher les question et les reponses comme ceci :
Question : Ordinateur éteint ?
Reponse A : Oui ou Reponse B : Non
Si on clique sur Reponse A voici ce qui s'affiche :
Allumer votre PC
Si on clique sur Reponse B voici ce qui s'affiche :
Si non, verifier le cablage ( possibilité de voir 2 nouvelles reponses)
Reponse C : cablage Ok ou Reponse D : Cablage Non OK
Si on clique sur Reponse c voici ce qui s'affiche :
Si le cablage est Ok, alors changer Ecran
Si on clique sur Reponse D voici ce qui s'affiche :
Si le cablage n'est pas Ok, Changer / remettre les cables débranchés
Mon probleme est que quand je clique sur la reponse A, puis sur ma reponse B je voudrais que ma reponse A disparaisse mais quand je clique sur la reponse C je voudrais que la reponse B reste.
Voici mon code
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
| <script>
function showBlock(idName){
if(document.getElementById) {//NN6,Mozilla,IE5?
document.getElementById(idName).style.display = "block";;
}
else if(document.all) { //IE4?
document.all(idName).style.display = "block";;
}
else if(document.layers) { //NN4?
document.layers[idName].display = "block";;
}
}
function hideBlock(idName){
if(document.getElementById) {//NN6,Mozilla,IE5?
document.getElementById(idName).style.display = "none";;
}
else if(document.all) { //IE4?
document.all(idName).style.display = "none";;
}
else if(document.layers) { //NN4?
document.layers[idName].display = "none";;
}
}
var opened_blocks = new Array;
function switchBlock(id) {
if (opened_blocks[id]) {
opened_blocks[id] = false;
hideBlock(id);
} else {
opened_blocks[id] = true;
showBlock(id);
}
}
</script> |
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
| <p> Test de l'onduleur !
1- L'onduleur est-il branché ?
</p>
<li>
1.a- Non, l'onduleur <a href="javascript:switchBlock('non')">n'est pas branché</a>  
1.b- Oui, l'onduleur <a href="javascript:switchBlock('oui')">est branché</a> <br /> <br />
<div width='80%' cellspacing='0' cellpadding='0' align='center' id="non" style="display:none;">1.a.1- Si Non, brancher l'onduleur </div>
<div width='80%' cellspacing='0' cellpadding='0' align='center' id="oui" style="display:none;" >1.b.1- Si oui, <a href="javascript:switchBlock('Verif')">verifier l'alimentation de l'écran et de l'unité centrale</div></a> <br />
<table width='80%' cellspacing='0' cellpadding='0' align='center' id="Verif" style="display:none;">
<tr>
<td>
1.b.1.a- L'alimentation est <a href="javascript:switchBlock('Ok')">Ok</div></a>
</td>
<td>
1.b.1.b- L'alimentation n'est <a href="javascript:switchBlock('NonOk')">pas Ok</div></a>
</td>
</tr>
</table><br />
<div width='80%' cellspacing='0' cellpadding='0' align='center' id="NonOk" style="display:none;">1.b.1.b.1- Si l'alimentation n'est pas Ok, appuyer sur le bouton poussoir à l'avant de l'onduleur</div></a>
<div width='80%' cellspacing='0' cellpadding='0' align='center' id="Ok" style="display:none;">1.b.1.a.1- L'alimentation est Ok. <a href="javascript:switchBlock('voyantBatterie')"> Le voyant <img src="batterie.png" width="20" height="20" title="logo" /> est-il allumé ?</div></a><br />
<table width='80%' cellspacing='0' cellpadding='0' align='center' id="voyantBatterie" style="display:none;">
<tr>
<td>
1.b.1.a.1.a- Le voyant est <a href="javascript:switchBlock('allume')">allumé</div></a>
</td>
<td>
1.b.1.a.1.b- Le voyant n'est <a href="javascript:switchBlock('NonAllume')">pas allumé</div></a>
</td>
</tr>
</table><br />
<div width='80%' cellspacing='0' cellpadding='0' align='center' id="allume" style="display:none;"> Le courant secteur est mauvais ou absent l'alarme emet 4 bip toute les 30 secondes</div>
<div width='80%' cellspacing='0' cellpadding='0' align='center' id="NonAllume" style="display:none;">Le voyant <a href="javascript:switchBlock('voyantSurcharge')"><img src="surcharge.png" width="20" height="20" title="logo1" /> est-il allumé ?</div></a><br />
<table width='80%' cellspacing='0' cellpadding='0' align='center' id="voyantSurcharge" style="display:none;">
<tr>
<td>
Le voyant est <a href="javascript:switchBlock('SurchargeAllume')">allumé</div></a>
</td>
<td>
Le voyant n'est <a href="javascript:switchBlock('SurchargeNonAllume')">pas allumé</div></a>
</td>
</tr>
</table><br />
<div width='80%' cellspacing='0' cellpadding='0' align='center' id="SurchargeAllume" style="display:none;">L'onduleur est mal utilisé avec un appareil trop puissant ou mal adapté</div>
<div width='80%' cellspacing='0' cellpadding='0' align='center' id="SurchargeNonAllume" style="display:none;">Le voyant est allumé. <a href="javascript:switchBlock('voyantDisjoncteur')">Le disjoncteur de l'onduleur <img src="disjoncteur.png" width="60" height="60" title="logo2" /> est-il déclenché</div></a><br />
<table width='80%' cellspacing='0' cellpadding='0' align='center' id="voyantDisjoncteur" style="display:none;">
<tr>
<td>
Le voyant est <a href="javascript:switchBlock('DisjoncteurAllume')">allumé</div></a>
</td>
<td>
Le voyant n'est <a href="javascript:switchBlock('DisjoncteurNonAllume')">pas allumé</div></a>
</td>
</tr>
</table><br />
<div width='80%' cellspacing='0' cellpadding='0' align='center' id="DisjoncteurAllume" style="display:none;">Déconnectez les appareils non essentiels qui sont branchés sur l’onduleur Back-UPS. Réarmez le disjoncteur (sur le panneau arrière du Back-UPS) en enfonçant le bouton jusqu’à ce qu’il s’enclenche. Si le disjoncteur se réarme, rallumez l’onduleur Back-UPS et rebranchez les appareils un à un. Si le disjoncteur se déclenche de nouveau, il est probable que l’un des appareils provoque une surcharge.</div>
<div width='80%' cellspacing='0' cellpadding='0' align='center' id="DisjoncteurNonAllume" style="display:none;">Appeler le Service IT ou Maintenance</div>
</li> |
Merci d'avance
