Version complète: sur le forum Webmaster Hub : Une F.A.Q dépliante
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > Scripts et utilitaires
marque
bonjour je voudrais créer une F.A.Q dépliante. je m'explique, je veux dans mon f.a.q poser un certain nombres de questions

genre: 1- Quels sont les meilleurs lecteurs.
2- Pourquoi refuser certaines marques de lecteurs.
3-.....

je voudrais que lorsque le visiteur clique sur la question, la réponse apparait entre le 1 et le 2 et ainsi de suite.

Merci d'avance
Loupilo
Ce que tu demandes est incompréhensible...

Qu'est ce qu'un "lecteur" ?
Une "faq dépliant" ?

Éclaircis-nous wink.gif

Loupilo.
marque
un lecteur: je voulais dire un visiteur. désolé

en fait je veux une f.a.q ou lorsque que les visiteurs cliquent sur les questions , la réponse apparaisse en dessous. j'ai une dizaine de questions et si je met question/réponse à la suite, cela fait moche. donc je préfére ne mettre que les questions et les visiteurs en cliquant dessus voit apparaitre les réponses

marque smile.gif blush.gif
Loupilo
Ok, c'est plus clair (m'est tout de même avis que des marques de visiteurs, c'est pas très compréhensible wink.gif)

Sinon, ce que tu demandes, c'est faisable en JavaScript (afficher/masquer du texte par clic)...

Je déplace dans le forum adéquat, mais quand à la réponse laugh.gif

Loupilo.
petit-ourson
Quelques choses comme cela.

CODE
<dl>
<dt onclick="document.getElementById('reponse1').style.display = 'block'">Question 1 - Blah blah blah</dt>
<dd id="reponse1" style="display:none"><p>une réponse<br />et la suite<br />et encore</p></dd>
<dt onclick="document.getElementById('reponse2').style.display = 'block'">Question 2 - Blah blah blah</dt>
<dd id="reponse2" style="display:none"><p>une réponse<br />et la suite<br />et encore</p></dd>
</dl>


Mais ... il serait plus judicieux de sortir le code javascript dans un fichier extérieur. Il ne faut pas oublier de conserver dans une variable la dernière question ouverte.

Il faudra également penser à mettre le style du dd style="display:none" en passant par du javascript après le chargement de la page plutôt que le mettre en dur dans la feuille de style. (pour rendre accessible la faq)

Je ne suis pas certain que mon dernier paragraphe est compréhensible.

voilà voilà, bon courage.
Dash
CITATION
bonjour je voudrais créer un F.A.Q dépliant. je m'explique, je veux dans mon f.a.q poser un certain nombres de questions

genre: 1- Quels sont les meilleurs lecteurs.
2- Pourquoi refuser certaines marques de lecteurs.
3-.....

je voudrais que lorsque le visiteur clique sur la question, la réponse apparait entre le 1 et le 2 et ainsi de suite.

Tiens... ca me rapelle la FAQ de Celeonet...

Au passage, ce systeme - au moins sur celeonet- est genant car il impose l'activation du javascript. Dommage...
petit-ourson
CITATION(Dash @ vendredi 11 février 2005, 22h58)
Tiens... ca me rapelle la FAQ de Celeonet...

Au passage, ce systeme - au moins sur celeonet- est genant car il impose l'activation du javascript. Dommage...
*


pour pas que cela soit génant il faut gérer le display:block en javascript

soit :

CODE
<script ...>

function InitFAQ() {

document.getElementById('reponse1').style.display = 'none';
document.getElementById('reponse2').style.display = 'none';

}

</script>

....
<body onload="InitFAQ()">
marque
CITATION
Tiens... ca me rapelle la FAQ de Celeonet...


génial, c'est vraiment ce que veux faire...

bon bah je travaille vos idées de scripts et je repasse (me connaissant il y aura un problème)

marque rolleyes.gif wink.gif smile.gif biggrin.gif tongue.gif wub.gif
AllForEver
CITATION(Dash @ vendredi 11 février 2005, 22h58)
Tiens... ca me rapelle la FAQ de Celeonet...

Au passage, ce systeme - au moins sur celeonet- est genant car il impose l'activation du javascript. Dommage...
*

Pour l'activation du javascript, doubler le contenu dans une balise <noscript> est peut-être fastidieux mais s'impose, non ?

J'utilise cette méthode pour mon site, avec ma partie brèves. smile.gif
petit-ourson
CITATION(AllForEver @ samedi 12 février 2005, 11h26)
Pour l'activation du javascript, doubler le contenu dans une balise <noscript> est peut-être fastidieux mais s'impose, non ?

J'utilise cette méthode pour mon site, avec ma partie brèves. smile.gif
*


Le fait de tout doubler avec un <noscript></noscript> double tout le contenu de ta page alors que tu peux le faire avec les feuilles de style.
PsyKoTiK
pourquoi du javascript , on peut faire aussi bien en CSS , direction http://alsacreations.com site d'un pot , avec tout plein de tuto dont celui que tu a besoin , si tu cherche bien en bas ...

++
petit-ourson
et on trouve ça où ?
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.