Sujet Précédent Sujet Suivant

Avec le JS, comment faire pour voir et cacher

Résolu/Fermé
jlb59 Messages postés 343 Date d'inscription mercredi 25 août 2004 Statut Membre Dernière intervention 8 mars 2024 - 31 mai 2007 à 14:12
 divina - 9 nov. 2007 à 10:53
Bonjour à tous,

Comme j'essaie de faire une FAQ, il serait fort intéressant pour moi, surtout pour la longueur de la page, de faire afficher au click de la souris la réponse à la question posée, et la cacher s'il y a un second click sur la question.

J'espère bien me faire comprendre.

Un exemple :
Pourquoi tous les chiens aboient ?
Parce qu'ils ne veulent pas qu'on les prenne pour des chats.

Ce que je souhaiterais faire, c'est afficher la réponse en cliquant sur la question, et la cacher au 2ème clic.

J'ai vu les évènements onclick, onmouse, etc., mais je n'arrive pas à faire cela.

Alors, je voulais savoir si c'est possible et si oui, comment faire ?

Merci de votre aide.

4 réponses

Réponse 1 / 4
ACNet Messages postés 64 Date d'inscription vendredi 25 mai 2007 Statut Membre Dernière intervention 24 novembre 2007 14
31 mai 2007 à 14:29
entre les balises <head> et </head> tu fais une fonction du type :


function montre_cache(id){
if(document.getElementById(id).style.visibility=='hidden'){
document.getElementById(id).style.visibility='visible';}else{
document.getElementById(id).style.visibility='hidden';}

}

et tu implémente le css suivant :
span.reponse{visibility:hidden;}



ensuite dans ton body tu créer une liste (<ul> </ul>) dans laquelle tu mets pour chaque question/reponse :

<li><span id="question_1" onClick="montre_cache('reponse_1');">Question</span>
<br /><span id="reponse_1" class="reponse">Reponse</span>
</li>


En esperant que cela fonctionne comme tu le souhaites,
Stephane.
0
Réponse 2 / 4
jlb59 Messages postés 343 Date d'inscription mercredi 25 août 2004 Statut Membre Dernière intervention 8 mars 2024 4
29 août 2007 à 17:13
Bonjour ACNet,

Désolé de cet énorme retard mais j'était très pris ailleurs.

Merci pour tes bouts de codes, c'est exactement ça que je voulais faire.

Cela fonctionnera sous IE et FF ?

Je demande ça parce que j'ai eu pas mal de surprises !
0
Réponse 3 / 4
jlb59 Messages postés 343 Date d'inscription mercredi 25 août 2004 Statut Membre Dernière intervention 8 mars 2024 4
29 août 2007 à 18:53
Y a un blème Stéphane, il faut que je fasse 2 clicks sur la question pour qu'apparaisse la réponse.

Y a qq chose à faire ?
0
Réponse 4 / 4
divina
9 nov. 2007 à 10:53
Bonjour,
bonjour , je ne sait pas comment faire pour aller dans les balises je ne l'ai jamais fait
0

Discussions similaires

code couleur associé a une image
magic charly -
pandora -

9 réponses
Retrouver l'image originale après avoir fait des modifications ?
Raven -
bonjou -

9 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses