Création de formulaire selon un input [Résolu]

[ledisciple]

Bonjour j'aimerai votre avis sur ce que je veux mettre en place

J'ai un bête champ de formulaire

page formulaire

Code :

 <INPUT type="text" id="num_rencontre_recherche" onChange "rechercheRencontre()">

1ère question : Est-il w3c correct de laisser un champ comme cela?

rechercheRencontre() va chercher le niveau de la rencontre grâce une requête mysql, par l'objet XMLHTTPRequest .

Au final dans mon fichier js, la réponse de la requête sera oui ou non. En fonction de la réponse je dois afficher un nouveau formulaire différent.

2ème question : Es ce que je dois
- afficher mes formulaires a l'avance dans deux div différentes et les cacher

page formulaire

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
<INPUT type="text" id="num_rencontre_recherche" onChange "rechercheRencontre()"> 
 
<div id="FormCoupe" style="display:none">
[...]
<INPUT type="text" id="FormulaireCoupe" />
[...]
</div>
 
<div id="FormChampionnat" style="display:none">
[...]
<INPUT type="text" id="FormulaireChampionnat" />
[...]
</div>

puis montrer le bon grace à

page js :

Code :

 document.getElementById("").style.display = "block";

ou bien
- laisser mes blocs vides au début et les "remplir" après

page formulaire

Code :

1
2
3
4
5
<INPUT type="text" id="num_rencontre_recherche" onChange "rechercheRencontre()"> 
 
<div id="FormCoupe" style="display:none"></div>
 
<div id="FormChampionnat" style="display:none"></div>

page js :

Code :

1
2
3
4
5
 document.getElementById(""). innerHTML='[...]
 
<INPUT type="text" id="FormulaireChampionnat" />
[...]
';

Merci pour vos conseils ...

[andry.aime]

Bonsoir,

1- Une balise input est auto-fermante et n'utilise pas des majuscules le nom des tag et ses attributs ou évenements.

Code html :

<input type="text" id="num_rencontre_recherche" onchange="rechercheRencontre()" />

2- Utilise des éléments cachés que tu affiches ou masques selon les cas.

A+.

[ledisciple]

oui, et même temps, c'est vrai que je ne suis pas obliger de cérer deux formulaires différents, un seul avec des éléments caché ou non suffisent.

Merci

[ledisciple]

J'aimerai rebondir sur ma question :

J'ai donc mis en place mon formulaire, avec des champs cachés ou non, selon le numéro de la rencontre.

Donc les données sont analysées sur ma page php. En cas d'erreur, la page de saisie est renvoyée. Cependant, les champs qui étaient découverts grâce au numéro de la rencontre saisie, si trouvent à nouveau cachés.

Les données entrées dans le formulaire faux sont conservés. J'ai une idée, mais j'aimerai votre avis :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
 
//$_SESSION['donnees'] représente un tableau associatif contenant les données déjà entrées
 
 
$tableau = array("butLocaux"=>"idButLocaux","butVisiteurs"=>"idButVisiteurs", ...); // représente l'ensemble de mes champs
foreach($tableau as $champ => $nomId)
{
 
	if (isset($_SESSION['donnees'][$champ]) )
	{
		echo '<SCRIPT language="Javascript">document.getElementById($nomId).style.display="block"</script>';
	}
}

Je suis bien conscient que c'est du bricolage, mais si vous avez mieux je me coucherai moins c.. ce soir ...
Merci

[andry.aime]

Ne fait pas retourner un script dans le retour AJAX mais seulement un petit bout de text avec lequel tu testeras si tu va afficher ou non ton div.

A+.

[ledisciple]

là en l'occurence, ce n'est pas le retour ajax, mais le retour pageVerif => pageRetour. Je fais juste remonter un tableau en sessions, tableau contenant les données des diiférents champs. C'était juste pour savoir si le script que j'ai indiqué et qui (pardon) va être placé dans la page de saisie, est correct ou pas. C'est à dire si c'est bien d'écrire ça comme ça ....