Discussion :

[hat_et_m]

Bonjour,

Je voudrais rendre le contenu de ma page html (une FAQ) dynamique.

Principe :

-----------------------------
Question 1 : blabla ?
Reponse 1 (un lien)
Reponse 1 : blabla (devient visible lorqu'on clique sur le lien)
Lorqu'on clique a nouveau sur le lien, la réponse textuelle devient cachée et laisse le lien Reponse 1.

Idem pour les autres Questions et réponses.
-----------------------------

Avez-vous un exemple en dhtml ?

Merci de votre aide.
Cordialement Hat

[Bisûnûrs]

Tu peux jouer sur la modification de la propriété CSS display au moment du clic sur ton lien.

cf
http://javascript.developpez.com/faq...SS#affichObjet

Exemple :

Code Javascript :

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

1
2
3
4
5
6
function afficheRep(id){
   if(document.getElementById(id).style.display == "none")
      document.getElementById(id).style.display = "block";
   else
      document.getElementById(id).style.display = "none";
}

Code HTML :

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

1
2
<a href="#" onclick="afficheRep('div1')">Question 1</a>
<div id="div1" style="display:none">Réponse 1</div>