afficher masquer texte

Bonjour,

est-ce que quelqu'un pourrait m'aider à trouver pourquoi je n'arrive pas à faire fonctionner ma fonction. Je suis en train de finaliser le site d'une association, sur lequel il y a une FAQ. J'aurais voulu que la réponse à une question s'affiche directement sous la question et uniquement quand l'utilisateur clique sur la question.
J'ai donc écrit les lignes suivantes, mais j'obtiens désespérément le message "Erreur sur la page".

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

<script type="text/javascript">   function affiche() { var cible = document.getElementById();// pour récupérer l'id du texte dont je veux changer la visiblité if (cible.style.visibility == 'hidden') cible.style.visibility = 'visible'; cible.style.display = 'block';) else ( cible.style.visibility = 'hidden';) cible.style.display = 'none';) }   </script>           <div class="Style36"><a href="javascript:affiche('texte1')">Pourquoi adh&eacute;rer?</strong> </a></div> <div id="texte1" style="visibility: hidden; display:none "> Plus vite .... </div>   <div> <a href="javascript:affiche('texte2')"> Qui peut adh&eacute;rer ? </a> </div> <div id="texte2" style="visibility: hidden; display: none"> Tout le monde peut adh&eacute;rer.... </div>   ....

---

d'avance merci

Utiliser les propriétés display et visibility en même temps, n'es pas forcément une bonne idée, un seul des 2 suffit pour cacher/montrer quelque chose.

Code:

---

1 2	var cible = document.getElementById();// pour récupérer l'id du texte

---

Ceci ne fonctionnera pas, dans un getElementById, il faut mettre un id, sinon tu ne peux pas récuperer l'élément, et du coup le getElementById perd toute son utilité.

Merci Tusssss pour cette réponse, mais je ne sais pas quel argument mettre, dans la mesure où il varie.

Le mieux est de mettre directement, un onclick dans ta balise div, de supprimer ton lien <a>, et dans le onclick de ta balise div, tu écris :

Code:

---

affiche(ton_id_d_élément)

---

Puis dans ta fonction, tu écris en plus du reste bien sur :

Code:

---

1 2 3 4

function affiche(element) { document.getElementById('element'); }

---

Ca devrait déjà mieux se passer

Juste une petite erreur :

Code:

---

document.getElementById(element);

---

Citation:

---

Envoyé par Bovino

Juste une petite erreur :

Code:

---

document.getElementById(element);

---

---

Exact, merci.

ça ne marche pas.

en elevant la balise <a> je perds la possibilité de cliquer sur ma question de FAQ

si je la laisse, IE veut ouvrir une page qu'il ne trouve pas bien sûr puisqu'elle n'existe pas
...
je désespère

As tu fais, ce qui est dit plus haut?

Parce que normalement, tu n'as pas besoin du <a> pour cliquer sur ta question, puisque tu as assigner un élément onclick à ta balise <div> et donc quand tu click sur le div, ca doit cacher afficher ton autre div...

Citation:

---

Envoyé par tusssss

As tu fais, ce qui est dit plus haut?

Parce que normalement, tu n'as pas besoin du <a> pour cliquer sur ta question, puisque tu as assigner un élément onclick à ta balise <div> et donc quand tu click sur le div, ca doit cacher afficher ton autre div...

---

Tout est dit...
Si ce qui te perturbe est de ne plus avoir de balise a, ajoute un style à ta div :

Code:

---

<div style="cursor: pointer">

---