Discussion :

[volver]

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 :

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
 
<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

[tusssss]

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 :

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

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é.

[volver]

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

[tusssss]

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 :

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

affiche(ton_id_d_élément)

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

Code :

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

1
2
3
4
function affiche(element)
{
   document.getElementById('element');
}

Ca devrait déjà mieux se passer

[Bovino]

Juste une petite erreur :

Code :

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

document.getElementById(element);

[tusssss]

Juste une petite erreur :

Code :

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

document.getElementById(element);

Exact, merci.

[volver]

ç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

[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...

[Bovino]

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 :

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

<div style="cursor: pointer">