Page 1 sur 1

Site uniqument en HTML

Posté : 14 août 2007, 16:19
par Pierig
Bonjour,

Je ne sait pas exactement par ou commencer.
J'ai un questionnaire que je souhaite rendre dinamique.
L'idée est de poser un certain nombre de question et suite aux réponses à ces questions, créer la page qui me renverra le formulaire désiré.

exemple :

voulez vous des questions sur le php ? -> cases à cocher
voulez vous des questions sur oracle ? -> cases à cocher
voulez vous des questions sur le html ? -> cases à cocher

Admettons que l'on coche pour php et oracle.

On obtient un autre formulaire ou on a les questions sur le php et oracle.

Ensuite, une fois les réponses remplies, on valide et on obtient une page avec les questions et les réponses.

Tout cela sans serveur, uniquement avec des pages HTML en local.

Est ce possible ?
Si oui, comment devrais-je m'y prendre ?
J'aurai juste besoin de quelques pistes pour débuter.

Merci

Posté : 14 août 2007, 16:21
par Genova
Salut,
tout simplement avec Javascript ? Suivant les choix tu affiches ou non des blocks contenant d'autres questions.

Posté : 16 août 2007, 11:15
par Pierig
Suite à ce que tu m'as répondu j'ai fait ceci :

La fonction javascript :

function ouvrir_options()
	{
		if(document.frmQuestionsPrealable.f_annu1.checked==true && document.frmQuestionsPrealable.f_annu0.checked==true)
		{
			alert("Il ne peut y avoir deux réponses différentes à la même question !");
		}
		else
		{
			if(document.frmQuestionsPrealable.f_annu1.checked==true)
			{				document.frmAfficheForm.f_annu.value="oui";
			}
			else
			{
				if(document.frmQuestionsPrealable.f_annu0.checked==true)
				{
				document.frmAfficheForm.f_annu.value="non";
				}
				else
				{
					alert("veuillez cocher au moins une réponse par question");
				}
			}
		}
		document.frmAfficheForm.submit;
	}
	
	//-->
 </script>

Le premier formulaire :

<form name="frmQuestionsPrealable" method="post">
<table width="50%" border="0" align="center">
	<tr height='25'></tr>
	<td class='css_SousFonction2'align='center'>Questions préalables :</td>
	<tr>
		<td></td>
		<td class='css_SousFonction'>oui / non</td>
	</tr>
	<tr>
		<td class='input_champ'>L'application a t'elle un meta-annuaire ?</td>
		<td><input type="checkbox" name='f_annu1' />&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name='f_annu0' /></td>
	</tr>	
	<tr>	
		<td class='input_champ' >L'application a t'elle une base de donnée oracle ?</td>
		<td><input type="checkbox" name='f_ora1' />&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name='f_ora0' /></td>
	</tr>
	<tr>
		<td class='input_champ'>L'application a t'elle une gestion de l'intranet ?</td>
		<td><input type="checkbox" name='f_intra1' />&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name='f_intra0' /></td>
	</tr>	
	<tr>
		<td class='input_champ' >L'application a t'elle une gestion de l'Internet ?</td>
		<td><input type="checkbox" name='f_inter1' />&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name='f_inter0' /></td>
	</tr>
	<tr>
		<td class='input_champ' >L'application permet elle une Télémaintenance ?</td>
		<td><input type="checkbox" name='f_tele1' />&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name='f_tele0' /></td>
	</tr>
	<tr>
		<td height="70" align="center"><input type='image'align="center" src='images/btn_valider_on.gif' onclick ='ouvrir_options()'/></td>
	</tr>
</table>
</form>
Le deuxième formulaire :

<form name="frmAfficheForm" method="post" action='QP_Affiche.phtml'>
	<input type="hidden" name="f_annu" value=''/>
	<input type="hidden" name="f_ora" value=''/>
	<input type="hidden" name="f_intra" value=''/>
	<input type="hidden" name="f_inter" value=''/>
	<input type="hidden" name="f_tele" value=''/>
</form>
Le contenu de QP_Affiche.phtml :
<?php
	if($_POST['f_annu']=="oui")
	{
		echo "affichage du formulaire des questions sur le meta annuaire";
	}
	else
	{
		echo "n'affiche pas le formulaire des questions sur le meta annuaire";
	}
?>

Réactions :


Aucune case cochée : message alert qui dit que l'on doit en coché une.
deux cases cochées : message alert qui dit que l'on ne peut en cocher que une.
Case "oui" ou case "non" cochée : rien ne se passe, rechargement de la page, la page QP_Affiche.phtml n'est pas affichée.

Est il possible de résoudre ce souci ?
Que faire pour résoudre ce souci ?

Je ne voit pas bien comment afficher des "blocks" suivant les cases cochées.
Peu importe si tout est sur la même page mais je ne voit pas comment faire pour afficher les bon "block" avec le javascript.
C'est un petit peu flou pour moi xD

bye

Posté : 16 août 2007, 11:25
par Genova
Pour afficher / cacher des blocks tu dois modifier le style de tes blocks.

Par exemple :

Code : Tout sélectionner

document.getElementById('id_de_ton_element').style.display = 'block';

Posté : 16 août 2007, 14:06
par Truc
Modération :
Afin d'obtenir plus de réponses, le sujet est déplacé dans le forum "Javascript, AJAX" plotôt que "Autre".

Posté : 16 août 2007, 15:03
par Pierig
Hum effectivement le topic à une raison d'être déplacer mais bon au départ je ne savait pas trop ou poster mon problème enfin ...
la parenthèse est close ^^

J'aurai aimer savoir comment je peut faire pour enregistrer les réponses données.

Par exemple la personne répond dans une textarea et ensuite .. ?
le but étant de renvoyer la page html identique mais remplie par l'utilisateur.
Si on fait "enregistrer sous" ça ne sauvegarde que la page et pas le contenu :(

comment je gère ça ? ^^

mici

edit : je cherche encore mais je ne trouve vraiment pas :(