par
Cyrano » 21 déc. 2006, 14:30
Bon, on va partir d'un formulaire. Voici un exemple de formulaire un peu complexe, mais
un seul et unique formulaire, enregistre ça et fais le afficher pour voir ce que ça donne. Rien n'est fonctionnel bien entendu, c'est juste pour te montrer une manière de procéder.
Ensuite, jette un coup d'oeil approfondi dans le code :
<?php
/* Code de récupération des valeurs */
date_default_timezone_set("Europe/Paris");
$datejour = date("d m Y");
$heurecourante = date("H : i");
echo("<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>\n");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" xml:lang="fr" />
<title>Exemple de formulaire</title>
<style type="text/css">
/* <![CDATA[ */
#monform {
border: 3px double #000;
padding: 2em;
}
#monform fieldset {
padding-bottom: 0.5em;
border: 1px solid #000;
}
/* ]]> */
</style>
<script type="text/javascript">
/* <![CDATA[ */
function majlisteA2(valeur)
{
/* code de la fonction pour mettre à jour la seconde
liste de la première paire de listes liées */
}
function majlisteB2(valeur)
{
/* code de la fonction pour mettre à jour la seconde
liste de la deuxième paire de listes liées */
}
/* ]]> */
</script>
</head>
<body>
<p>Nous sommes le : <?php echo($datejour); ?><br />
Il est : <?php echo($heurecourante); ?><br />
.....</p>
<form action="#" method="post" id="monform">
<fieldset>
<legend>Choix de la première paire de listes</legend>
<label for="listeA1">Sélectionnez un élément : </label>
<select name="listeA1" id="listeA1" onchange="majlisteA2(this.value);">
<option value="A1_choix1">A1_choix1</option>
<option value="A1_choix2">A1_choix2</option>
<option value="A1_choix3">A1_choix3</option>
<option value="A1_choix4">A1_choix4</option>
</select>
<label for="listeA2">Choisissez un autre élément : </label>
<select name="listeA2" id="listeA2">
<option value="A2_vide">-----------</option>
</select>
</fieldset>
<fieldset>
<legend>Choix de la seconde paire de listes</legend>
<label for="listeB1">Sélectionnez un élément : </label>
<select name="listeB1" id="listeB1" onchange="majlisteB2(this.value);">
<option value="B1_choix1">B1_choix1</option>
<option value="B1_choix2">B1_choix2</option>
<option value="B1_choix3">B1_choix3</option>
<option value="B1_choix4">B1_choix4</option>
</select>
<label for="listeB2">Choisissez un autre élément : </label>
<select name="listeB2" id="listeB2">
<option value="B2_vide">-----------</option>
</select>
</fieldset>
<fieldset>
<legend>Autres valeurs</legend>
<label for="champC1">Incrivez quelque chose : </label>
<textarea name="champC1" id="champC1" rows="10" cols="50" /></textarea><br />
<label for="champC2">Incrivez autre chose : </label>
<input type="text" name="champC2" id="champC2" value="" />
</fieldset>
<p>
<input type="submit" name="envoi" id="envoi" value="enregistrer" />
</p>
</form>
</body>
</html>
Bon, on va partir d'un formulaire. Voici un exemple de formulaire un peu complexe, mais [u]un seul et unique formulaire[/u], enregistre ça et fais le afficher pour voir ce que ça donne. Rien n'est fonctionnel bien entendu, c'est juste pour te montrer une manière de procéder.
Ensuite, jette un coup d'oeil approfondi dans le code :
[php]<?php
/* Code de récupération des valeurs */
date_default_timezone_set("Europe/Paris");
$datejour = date("d m Y");
$heurecourante = date("H : i");
echo("<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>\n");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" xml:lang="fr" />
<title>Exemple de formulaire</title>
<style type="text/css">
/* <![CDATA[ */
#monform {
border: 3px double #000;
padding: 2em;
}
#monform fieldset {
padding-bottom: 0.5em;
border: 1px solid #000;
}
/* ]]> */
</style>
<script type="text/javascript">
/* <![CDATA[ */
function majlisteA2(valeur)
{
/* code de la fonction pour mettre à jour la seconde
liste de la première paire de listes liées */
}
function majlisteB2(valeur)
{
/* code de la fonction pour mettre à jour la seconde
liste de la deuxième paire de listes liées */
}
/* ]]> */
</script>
</head>
<body>
<p>Nous sommes le : <?php echo($datejour); ?><br />
Il est : <?php echo($heurecourante); ?><br />
.....</p>
<form action="#" method="post" id="monform">
<fieldset>
<legend>Choix de la première paire de listes</legend>
<label for="listeA1">Sélectionnez un élément : </label>
<select name="listeA1" id="listeA1" onchange="majlisteA2(this.value);">
<option value="A1_choix1">A1_choix1</option>
<option value="A1_choix2">A1_choix2</option>
<option value="A1_choix3">A1_choix3</option>
<option value="A1_choix4">A1_choix4</option>
</select>
<label for="listeA2">Choisissez un autre élément : </label>
<select name="listeA2" id="listeA2">
<option value="A2_vide">-----------</option>
</select>
</fieldset>
<fieldset>
<legend>Choix de la seconde paire de listes</legend>
<label for="listeB1">Sélectionnez un élément : </label>
<select name="listeB1" id="listeB1" onchange="majlisteB2(this.value);">
<option value="B1_choix1">B1_choix1</option>
<option value="B1_choix2">B1_choix2</option>
<option value="B1_choix3">B1_choix3</option>
<option value="B1_choix4">B1_choix4</option>
</select>
<label for="listeB2">Choisissez un autre élément : </label>
<select name="listeB2" id="listeB2">
<option value="B2_vide">-----------</option>
</select>
</fieldset>
<fieldset>
<legend>Autres valeurs</legend>
<label for="champC1">Incrivez quelque chose : </label>
<textarea name="champC1" id="champC1" rows="10" cols="50" /></textarea><br />
<label for="champC2">Incrivez autre chose : </label>
<input type="text" name="champC2" id="champC2" value="" />
</fieldset>
<p>
<input type="submit" name="envoi" id="envoi" value="enregistrer" />
</p>
</form>
</body>
</html>[/php]
