11544 sujets

JavaScript, DOM et API Web HTML5

Réaliser un spoiler en javascript / html

Bonjour,


Pouvez-vous m'aider à résoudre ces soucis ?

Par PHP et Mysql, je réalise une faq
(avec question et réponse qui sont 2 zones de ma base de données appelée "faq").
ça c'est ok...

J'aimerais créer une page php dynamique
qui reprendrait dynamiquement toutes les questions
en couleur orange (sans les réponses).

Lorsque l'on clique sur une question,
j'aurai souhaité que la réponse s'affiche dynamiquement
juste en-dessous de la question concernée
en couleur noire.

Et où cela se corserait,
le fait de cliquer sur une question refermerait la réponse de la question précédemment cliquée.

Je n'y arrive pas. Pouvez-vous m'aider ?



Voici le code HTML placé entre <head> et </head>

<script type="text/javascript">
function secret(secretId)
{
  if(document.getElementById) {
    secret = document.getElementById(secretId);
    if(secret.style.display =="none") {
      secret.style.display ="";
    } else {
      secret.style.display ="none";
    }
  }
}
</script>



Voici le code HTML placé entre <body> et </body>

<!-- Lien pour afficher la chose cachée -->
<a href="" onclick="global:secret('cache');return false;">
Le secret clique et reclique pour voir</a><br /><br />

<!--le bloc caché -->
<div id="cache" style="display : none; ">
Le secret que nul ne doit voir
</div>
bonjour,

ton premier if, il faudrait que tu rajoute l'id : 

if(document.getElementById(secretId))


tu testes la présence ou non de l’élément avant de t'en servir.
Merci à vous deux.
Néanmoins, je préfère m'orienter plus vers la solution de silentauben.
Néanmoins la solution des 2 classes m'intéresse fortement.

Pouvez-vous m'aider ?



<script type="text/javascript"> 
function secret(secretId) 
{ 
  if(document.getElementById(secretId)) { 
    secret = document.getElementById(secretId); 
    if(secret.style.display =="none") { 
      secret.style.display =""; 
    } else { 
      secret.style.display ="none"; 
    } 
  } 
} 
</script>
Sujet clos
Aller à