Recharger un formulaire

Marsh Posté le 11-09-2006 à 14:32:45

Bonjour à tous,

Mon formulaire est composé de 2 listes déroulantes liées. La première les CATEGORIES la deuxième les SOUS CATEGORIE. Je sélectionne une catégorie, ma page se recharge, je peux selectionner une sous catégorie.

Mon problème est que je souhaite que la catégorie que j'ai sélectionné reste affichée lors du rechargement de la page. Là lorsque je recharge ma liste catégorie affiche ...CATEGORIE...

Voici mon code :

Code :

<script language="javascript">
function charger(val){
//document.location.href = "test.php"+"&valeur="+val;
document.location.href = "test.php?valeur="+val;
}
</script>
<form action="adm_doc.php?act=<?=$act?>&cle=<?=$_GET['cle']?>" method="post" ENCTYPE="multipart/form-data" name="form">
<table border="0" cellpadding="0" cellspacing="6" align="center">
<tr>
<td align="right" id="formulaire">Catégorie</td>
<?
$sql = " SELECT cat_cle, cat_lib FROM categorie ORDER BY cat_lib ASC ";
$qry = pg_query ($conn, $sql);
?>
<td align="left" id="formulaire">
<select id="formulaire" name="doc_categorie" onChange="javascript:charger(this.value);">
<option id="formulaire" value="0">... Categorie ...</option>
<?
while ($result = pg_fetch_object($qry))
{
?>
<option id="formulaire" value="<?=$result->cat_cle ?>" <? if ($result->cat_cle==$fetch->doc_categorie){ echo 'selected'; } ?>><?=$result->cat_lib ?></option>
<?
}
?>
</select>
</td>
</tr>
<tr>
<td align="right" id="formulaire">Sous-Catégorie</td>
<?
$sql = " SELECT scat_cle, scat_lib FROM souscategorie ";
if (isset($_GET['valeur']))
{
$sql.= " WHERE scat_categorie = ".$_GET['valeur']." ORDER BY scat_lib ";
}
$qry = pg_query ($conn, $sql);
?>
<td align="left" id="formulaire">
<select id="formulaire" name="doc_scat">
<option id="formulaire" value="0">... Sous Categorie ...</option>
<?
while ($result = pg_fetch_object($qry)){
?>
<option id="formulaire" value="<?=$result->scat_cle ?>" <? if ($result->scat_cle==$fetch->doc_scat){ echo 'selected'; } ?>><?=$result->scat_lib?></option>
<? } ?>
</select>
</td>
</tr>
</table>
</form>

Reply

Marsh Posté le 11-09-2006 à 14:32:45

Reply

Marsh Posté le 11-09-2006 à 14:38:37

\o/ Jennnyyyyyyyyyy \o/

Question parce que je suis pas sur d'avoir tout compris, le problème c'est:
1- génération de la page avec juste la liste catégorie
2- validation avec un élement de cette liste selectionné
3- génération de la page avec la liste catégorie ( sans élement selectionné) et avec la liste sous-catégorie ( sans élement selectionné)
OU
1- génération de la page avec juste la liste catégorie
2- selection d'un élement ( pas de validation)
2- rechargement de la page

Dans le cas 1, tu dois reprendre celui qui était selectionné ( récupération en post) et vérifier si la valeur de la boucle sur catégorie est identique, auquel cas ajouter selected="selected".
C'est ce que tu sembles avoir essayer avec:

Code :

if ($result->cat_cle==$fetch->doc_categorie)

Mais étant donné que $fetch est pas initialisé ( du moins dans le code donné la), ça risque pas de marcher

Dans le 2eme cas, c'est normal...

Message édité par anapajari le 11-09-2006 à 14:39:04

Reply

Marsh Posté le 11-09-2006 à 14:47:38

C'est le deuxième cas car les champs catégorie et sous catégorie ne sont pas les seules dans mon formulaire. (nom, prenom...)
Comment je peux faire alors? je ne veux pas valider mais simplement recharger avec les éléments de mon formualire que j'ai déjà rempli(nom, prenom, catégorie)

Reply

Marsh Posté le 11-09-2006 à 15:27:28

recharger =
appuyer sur le bouton recharger du navigateur?
ou
appuyer sur un bouton recharger de ta page?

Reply

Marsh Posté le 11-09-2006 à 16:01:39

OK je recommence.
J'ai un formulaire avec NOM, PRENOM, DATE, CATEGORIE, SOUS CATEGORIE. L'internaute rempli ses champs : DUPONT, ALAIN, 11/09/2006, là il sélectionne une catégorie. La page se recharge avec la fonction charger(val) en javascript. Mon formualire réapparait au bout d'une fraction de seconde, mais là mon NOM, PRENOM, DATE et catégorie sont effacés. Par contre dans ma liste sous catégorie j'ai bien les sous catégorie correspondant à la catégorie sélectionnée.

Voici mon code :

Code :

<script language="javascript">
function charger(val){
//document.location.href = "test.php"+"&valeur="+val;
document.location.href = "test.php?doc_categorie=16&valeur="+val;
}
</script>
</head>
<body>
<form action="adm_doc.php?act=<?=$act?>&cle=<?=$_GET['cle']?>" method="post" ENCTYPE="multipart/form-data" name="form">
<table border="0" cellpadding="0" cellspacing="6" align="center">
<tr>
<td align="right" id="formulaire">NOM</td>
<td align="left" id="formulaire">
<input type="text" name="doc_nom" size="30" value="<?=$fetch->doc_nom?>">
</td>
</tr>
<tr>
<td align="right" id="formulaire">Catégorie</td>
<?
$sql = " SELECT cat_cle, cat_lib FROM categorie ORDER BY cat_lib ASC ";
$qry = pg_query ($conn, $sql);
?>
<td align="left" id="formulaire">
<select id="formulaire" name="doc_categorie" onChange="javascript:charger(this.value);">
<option id="formulaire" value="0">... Categorie ...</option>
<?
while ($result = pg_fetch_object($qry))
{
?>
<option id="formulaire" value="<?=$result->cat_cle ?>" <? if ($result->cat_cle==$fetch->doc_categorie){ echo 'selected'; } ?>><?=$result->cat_lib ?></option>
<?
}
?>
</select>
</td>
</tr>
<tr>
<td align="right" id="formulaire">Sous-Catégorie</td>
<?
$sql = " SELECT scat_cle, scat_lib FROM souscategorie ";
if (isset($_GET['valeur']))
{
$sql.= " WHERE scat_categorie = ".$_GET['valeur']." ORDER BY scat_lib ";
}
$qry = pg_query ($conn, $sql);
?>
<td align="left" id="formulaire">
<select id="formulaire" name="doc_scat">
<option id="formulaire" value="0">... Sous Categorie ...</option>
<?
while ($result = pg_fetch_object($qry)){
?>
<option id="formulaire" value="<?=$result->scat_cle ?>" <? if ($result->scat_cle==$fetch->doc_scat){ echo 'selected'; } ?>><?=$result->scat_lib?></option>
<? } ?>
</select>
</td>
</tr>
</table>
</form>

Reply

Marsh Posté le 11-09-2006 à 16:09:06

et bin alors tu peux pas !!!!
Si tu veux garder les valeurs "qui sont dedans le formulaire avant le chargement", il faut que tu les soumettes à ton serveur.
Donc :

soit tu rajoutes les différents champs dans ton charger val, et dans ton script php tu récupères les valeurs en get pour pouvoir les remettre dans la page regénéré
soit tu fais les choses proprement, tu fais de ton bouton un submit et en fonction des données passées tu affiches les bonnes choses préalablement récupérées ( ce coup ci en post)

Reply

Marsh Posté le 11-09-2006 à 16:25:10

ok je me doutais que ce serait chiant !!!

Si je fais un bouton c'est pas pratique pour l'internaute!! Comment font-ils les webmasters pour créer des formulaires à ralonge avec des listes dépendantes les unes des autres?
Peux-t-on liées 2 listes sans recharger la page?

Message cité 1 fois

Reply

Marsh Posté le 11-09-2006 à 16:43:03

jenny50 > Ils ont trois choix pour ce genre de page :
- soit une page hyper lourde qui contient tout avec du javascript en prime pour remplir les listes
- soit plusieurs pages avec un passage d'une page à l'autre en fonction de la liste dont on a changé la sélection
- soit une page contenant le minimum avec du javascript pour aller chercher le reste sur le serveur à la demande.

Reply

Marsh Posté le 11-09-2006 à 16:50:06

jenny50 a écrit :

Peux-t-on liées 2 listes sans recharger la page?

Oui !
Méthode lourde : charger toutes les données dans les scripts js,
Méthode plus légère (enfin ça dépent) : AJAX

Reply

Marsh Posté le 11-09-2006 à 16:57:13

OK je vous remercie pour vos réponses, jvais chercher des script pour ce genre de liste déroulantes dynamique liées.

Avez-vous un lien avec un exmple classique?

Reply

Marsh Posté le 11-09-2006 à 16:57:13

Reply

Marsh Posté le 12-09-2006 à 16:09:08

Salut Jenny, j'utilise aussi pas mal AJAX sur mon site. Voici un lien sur lequel j'ai pu apprendre pas mal de truc et faire mes 1ères requêtes:

http://www.xul.fr/xml-ajax.html

Tu verras sur le site, tu as pas mal de démos!

Bon courage à toi!

Reply

Recharger un formulaire

Sujets relatifs:

Leave a Replay