Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: marque le le 18-02-2007 a 17:12:37

Titre: Améliorer ma FAQ
Posté par: marque le le 18-02-2007 a 17:12:37

Bonjour,

j'ai réalisé une FAQ (trop complète ou trop longue).

En fait je cherche un script ou code html qui permette lorsque l'on clique sur la question de voire la réponse apparaitre. et lorsque que l'on afinit, on reclique sur la question pour voire la réponse disparaitre.

merci

Titre: Re:Améliorer ma FAQ
Posté par: MarvinLeRouge le le 18-02-2007 a 19:35:42

Salut,

J'ai déjà fait ce genre de scripts, mais il est adapté à la structure html que j'avais choisie pour mon cas. Si tu donnes l'url de ta page, je pense que je pourrais au moins t'aider, voire te fournir un script qui le fait (si nos structures se ressemblent suffisament).

Titre: Re:Améliorer ma FAQ
Posté par: iowa le le 18-02-2007 a 21:21:27

Le JavaScript :


Code:

function check(name)
{
   document.getElementById(name).style.visibility = (document.getElementById(name).style.visibility == 'hidden')?'visible':'hidden';
}


et le xhtml assez simple :


Code:

<a href="#" onClick="check('bloc1');" >Comment .... ? </a>
   <div id="bloc1" style="visibility:hidden;" >
   Avec des .... ou des ....
   </div>
   
<br />

<a href="#" onClick="check('bloc2');" >Comment .... ? </a>
   <div id="bloc2" style="visibility:hidden;">
   Avec des .... ou des .... iuhug
   </div>


Enfete dans le lien tu specifies l'id du bloc à afficher dans la fonction check.

Titre: Re:Améliorer ma FAQ
Posté par: iowa le le 18-02-2007 a 21:26:21

En utilisant les display none plus confortable dans ton cas :


Code:

<script language="JavaScript">
function check(name)
{
   document.getElementById(name).style.display = (document.getElementById(name).style.display == 'none')?'inline':'none';
}
</script>

<a href="#" onClick="check('bloc1');" >Comment .... ? </a><br />
   <div id="bloc1" style="display:none;" >
   Avec des .... ou des ....<br />
   Avec des .... ou des ....<br />
   Avec des .... ou des ....<br />
   </div>
   
<br />

<a href="#" onClick="check('bloc2');" >Comment .... ? </a><br />
   <div id="bloc2" style="display:none;">
   Avec des .... ou des .... iuhug
   </div>


Ca permet de ne pas reserver la place pour la réponse en dessous de la question

Titre: Re:Améliorer ma FAQ
Posté par: marque le le 20-02-2007 a 08:20:59

merci merci beaucoup. génial !! :)


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.