Discussion :

[bastien]

Bonjour,

Je souhaite connaitre votre avis.

Je souhaite réaliser un questionnaire type QCM contenant 20 questions.
Cependant, je ne veux pas que les questions soient les unes en dessous des autres dans UNE SEULE PAGE WEB.
Je désire réserver un en droit d'une page web à un lot de deux QCM qui seront renouveller par deux autres au même endroit, évitant ainsi d'utiliser le scrollbar du navigateur.
Répondre au qcm en tier sera moins rédibitoire.

J'ai pensé à AJAX mais...

Merci de me faire partager vos connaissances.

[kangaxx]

Ajax n'est pas nécessaire pour cela, tu peux le faire en javascript uniquement, tu affiches/caches les champs que tu veux au fur et à mesure du remplissage.

[bastien]

Peux-tu développer et me donner un p'tit exemple?
Merci

[kangaxx]

oki.
Donc tu crées ta pages avec TOUTES tes questions les unes en dessous des autres. Tu mets chaque question dans un div par ex de la forme :

Code :

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

<div id="question1" style="display:none">Question blabla <input type=checkbox onclick="javascript:mafonction(1)">....</div>

Ensuite, la fonction :

Code :

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

1
2
3
4
5
6
7
function mafonction (i)
{
  if (i > 1)
    document.getElementById(i - 1).style.display = 'none';
  if (i < 20)
    document.getElementById(i + 1).style.display = 'block';
}

Donc voila, le principe, c'est que toutes tes questions sont chargées, mais pas cachées. Et a chaque fois que tu va cliquer pour répondre à une question, il va automatiquement cacher la question précédente et afficher la question suivante, jusqu'a arriver a la fin.
Tu peux faire que si on remplit la derniere question, d'afficher le bouton de validation par ex

Sur ta page, pour l'init, tu met l'attribut display des 2 premieres questions à block, sinon aucune ne sera affiché au début

C'est pas testé, c'est juste pour le principe, voila.