Formulaire dynamique par <select>

714 messages
Carte Mère

Le 21 Juin 2004 à 15h51

Je souhaite réaliser un formulaire dynamique
je m'explique il y a plusieurs champs deroulant <select>
lorsque je fais un choix dans le premier cela modifie les options possible dans le second et ainsi de suite sur au moins 5 ou 6 <select> et peut etre meme l'integration d'un champ texte suivant les choix

C'est un formulaire sur la configuration pc de membres
ex :
Select1 : Intel
AMD

Select2 : Celeron
Pentium 1
Pentium 2
Pentium 3
Pentium 4
ou
Duron
Athlon XP
Athlon 64

Champ3 : si Intel alors : <text>frequence
si AMD alors : <select>2000+
2100+
2200+
etc....

etc.................
Pareil pour la carte graphique, la ram et l'ecran

Le formulaire est deja prét le seul truc c que je sais pas comment faire pour modifié les options possibles selon le choix

Merci de votre aide

P.S : language HTML, Javascript, ou PHP

cadav0r

714 messages
Carte Mère

Le 21 Juin 2004 à 16h48

je croi avoir eu une idée :idea: malheureusement :argh: il y a une partie que je ne sais po faire!!! :-P ensenoir:

Faire ce morceau de formulaire dans un popup avec après certain choix rafraichir le popup afin que les choix soit pris en compte

Voici un morceau de mon formulaire

Code

<?php

echo "<select name=\"m_proc1\">
<option value=\"\">Marque</option>
<option value=\"AMD\">AMD</option>
<option value=\"Intel\">Intel</option>
</select>";

if($m_proc1 == "AMD") {
echo "<select name=\"m_proc2\">
<option value=\"\">Type</option>
<option value=\"Duron\">Duron</option>
<option value=\"Athlon XP\">Athlon XP</option>
<option value=\"Athlon 64\">Athlon 64</option>
</select>";
} elseif($m_proc1 == "Intel") {
echo "<select name=\"m_proc2\">
<option value=\"\">Type</option>
<option value=\"Celeron\">Celeron</option>
<option value=\"Pentium 1\">Pentium 1</option>
<option value=\"Pentium 2\">Pentium 2</option>
<option value=\"Pentium 3\">Pentium 3</option>
<option value=\"Pentium 4\">Pentium 4</option>
</select>";
} else {
echo "";
}

if($m_proc2 == "Duron" OR $m_proc2 == "Celeron" OR $m_proc2 == "Pentium 1" OR $m_proc2 == "Pentium 2" OR $m_proc2 == "Pentium 3") {
echo "Fréquence : <input type=\"text\" name=\"m_proc3\" size=\"6\" maxlength=\"6\" value=\"\">
<select name=\"m_proc4\">
<option value=\"\">Unité</option>
<option value=\"Mhz\">Mhz</option>
<option value=\"Ghz\">Ghz</option>
</select>";
} elseif($m_proc2 == "Pentium 4") {
echo"Fréquence :<input type=\"text\" name=\"m_proc3\" size=\"6\" maxlength=\"6\" value=\"\"> Ghz
<select name=\"m_proc4\">
<option value=\"\">Type</option>
<option value=\"Hyper-T\">Hyper-T</option>
</select>";
} elseif($m_proc2 == "Athlon XP") {
echo "<select name=\"m_proc3\">
<option value=\"\">Type</option>
<option value=\"2000+\">2000+</option>
<option value=\"2100+\">2100+</option>
// ETC...
<option value=\"3200+\">3200+</option>
</select> <select name=\"m_proc4\">
<option value=\"\">Type2</option>
<option value=\"Barton\">Barton</option>
</select>";
} elseif($m_proc2 == "Athlon 64") {
echo "<select name=\"m_proc3\">
<option value=\"\">Type</option>
<option value=\"2800+\">2800+</option>
<option value=\"3000+\">3000+</option>
<option value=\"3200+\">3200+</option>
<option value=\"3400+\">3400+</option>
</select>";
} else {
echo "";
}

?>

Recharger le popup apres le choix m_proc1 et après le choix m_proc2

Si qulequ'un pouvait m'aider ce serait vraiment génial Clin d'oeil

Petite precision mon site est sous Phpnuke (si ca peut servir)

Ken

660 messages
Carte Mère

Ancien Combattant

Le 21 Juin 2004 à 17h25

Le mieu serait le javascript car en php a chaque choix tu dois reloader la page en envoyant la variable par POST
dans Javascript tu as un evenement onmouse qui pourrais te servir , essaye google

cadav0r

714 messages
Carte Mère

Le 21 Juin 2004 à 18h32

j'ai trouvé pour recharger la page c'est onChange=javascript:history.go(0) dans le <select> mais le probleme c'est est-ce qu'il va garder en memoire le choix fait avant le rafraichissement???

Ken

660 messages
Carte Mère

Ancien Combattant

Le 21 Juin 2004 à 20h52

genre ca que tu veux ? http://linboost.linboost.org

cadav0r

714 messages
Carte Mère

Le 21 Juin 2004 à 21h36

ouais Clin d'oeil voila avec le reste... si possible

Merci d'avance car la ca m'aiderai enormement

Ken

660 messages
Carte Mère

Ancien Combattant

Le 22 Juin 2004 à 14h53

ben le reste suffit de faire du copier coller , donc je te laisse faire, jte donne le principal :

Code

<?
if ($type == "") {
$type = "Processor";
}
echo "Marque : <select name=\"m_proc1\" ONCHANGE=\"location = this.options[this.selectedIndex].value;\">
<option value=\"#\">$type</option>
<option value=\"./index.php?type=amd\">amd</option>
<option value=\"./index.php?type=intel\">intel</option>
</select>";
if ($type != "Processor") {
if ($type == "amd") {
echo "<select name=\"m_proc2\">
<option value=\"\">Type</option>
<option value=\"Duron\">Duron</option>
<option value=\"Athlon XP\">Athlon XP</option>
<option value=\"Athlon 64\">Athlon 64</option>
</select>";

} else {
echo "<select name=\"m_proc2\">
<option value=\"\">Type</option>
<option value=\"Celeron\">Celeron</option>
<option value=\"Pentium 1\">Pentium 1</option>
<option value=\"Pentium 2\">Pentium 2</option>
<option value=\"Pentium 3\">Pentium 3</option>
<option value=\"Pentium 4\">Pentium 4</option>
</select>";
}
}

?>

Suffit de suivre ce principe la Sourire
Si vraiment tu t en sort pas je ferai le reste

cadav0r

714 messages
Carte Mère

Le 22 Juin 2004 à 16h24

ok merci beaucoup
maintenant que j'ai la base je vais men sortir vu que j'ai compris le principe

	Informations	Messages
cadav0r 714 messages Carte Mère		Le 21 Juin 2004 à 15h51 Je souhaite réaliser un formulaire dynamique je m'explique il y a plusieurs champs deroulant <select> lorsque je fais un choix dans le premier cela modifie les options possible dans le second et ainsi de suite sur au moins 5 ou 6 <select> et peut etre meme l'integration d'un champ texte suivant les choix C'est un formulaire sur la configuration pc de membres ex : Select1 : Intel AMD Select2 : Celeron Pentium 1 Pentium 2 Pentium 3 Pentium 4 ou Duron Athlon XP Athlon 64 Champ3 : si Intel alors : <text>frequence si AMD alors : <select>2000+ 2100+ 2200+ etc.... etc................. Pareil pour la carte graphique, la ram et l'ecran Le formulaire est deja prét le seul truc c que je sais pas comment faire pour modifié les options possibles selon le choix Merci de votre aide P.S : language HTML, Javascript, ou PHP


cadav0r 714 messages Carte Mère		Le 21 Juin 2004 à 16h48 je croi avoir eu une idée :idea: malheureusement :argh: il y a une partie que je ne sais po faire!!!ensenoir: Faire ce morceau de formulaire dans un popup avec après certain choix rafraichir le popup afin que les choix soit pris en compte Voici un morceau de mon formulaire Code <?php echo "<select name=\"m_proc1\"> <option value=\"\">Marque</option> <option value=\"AMD\">AMD</option> <option value=\"Intel\">Intel</option> </select>"; if($m_proc1 == "AMD") { echo "<select name=\"m_proc2\"> <option value=\"\">Type</option> <option value=\"Duron\">Duron</option> <option value=\"Athlon XP\">Athlon XP</option> <option value=\"Athlon 64\">Athlon 64</option> </select>"; } elseif($m_proc1 == "Intel") { echo "<select name=\"m_proc2\"> <option value=\"\">Type</option> <option value=\"Celeron\">Celeron</option> <option value=\"Pentium 1\">Pentium 1</option> <option value=\"Pentium 2\">Pentium 2</option> <option value=\"Pentium 3\">Pentium 3</option> <option value=\"Pentium 4\">Pentium 4</option> </select>"; } else { echo ""; } if($m_proc2 == "Duron" OR $m_proc2 == "Celeron" OR $m_proc2 == "Pentium 1" OR $m_proc2 == "Pentium 2" OR $m_proc2 == "Pentium 3") { echo "Fréquence : <input type=\"text\" name=\"m_proc3\" size=\"6\" maxlength=\"6\" value=\"\"> <select name=\"m_proc4\"> <option value=\"\">Unité</option> <option value=\"Mhz\">Mhz</option> <option value=\"Ghz\">Ghz</option> </select>"; } elseif($m_proc2 == "Pentium 4") { echo"Fréquence :<input type=\"text\" name=\"m_proc3\" size=\"6\" maxlength=\"6\" value=\"\"> Ghz <select name=\"m_proc4\"> <option value=\"\">Type</option> <option value=\"Hyper-T\">Hyper-T</option> </select>"; } elseif($m_proc2 == "Athlon XP") { echo "<select name=\"m_proc3\"> <option value=\"\">Type</option> <option value=\"2000+\">2000+</option> <option value=\"2100+\">2100+</option> // ETC... <option value=\"3200+\">3200+</option> </select> <select name=\"m_proc4\"> <option value=\"\">Type2</option> <option value=\"Barton\">Barton</option> </select>"; } elseif($m_proc2 == "Athlon 64") { echo "<select name=\"m_proc3\"> <option value=\"\">Type</option> <option value=\"2800+\">2800+</option> <option value=\"3000+\">3000+</option> <option value=\"3200+\">3200+</option> <option value=\"3400+\">3400+</option> </select>"; } else { echo ""; } ?> Recharger le popup apres le choix m_proc1 et après le choix m_proc2 Si qulequ'un pouvait m'aider ce serait vraiment génial Petite precision mon site est sous Phpnuke (si ca peut servir)


Ken 660 messages Carte Mère Ancien Combattant		Le 21 Juin 2004 à 17h25 Le mieu serait le javascript car en php a chaque choix tu dois reloader la page en envoyant la variable par POST dans Javascript tu as un evenement onmouse qui pourrais te servir , essaye google


cadav0r 714 messages Carte Mère		Le 21 Juin 2004 à 18h32 j'ai trouvé pour recharger la page c'est onChange=javascript:history.go(0) dans le <select> mais le probleme c'est est-ce qu'il va garder en memoire le choix fait avant le rafraichissement???


Ken 660 messages Carte Mère Ancien Combattant		Le 21 Juin 2004 à 20h52 genre ca que tu veux ? http://linboost.linboost.org


cadav0r 714 messages Carte Mère		Le 21 Juin 2004 à 21h36 ouais voila avec le reste... si possible Merci d'avance car la ca m'aiderai enormement


Ken 660 messages Carte Mère Ancien Combattant		Le 22 Juin 2004 à 14h53 ben le reste suffit de faire du copier coller , donc je te laisse faire, jte donne le principal : Code <? if ($type == "") { $type = "Processor"; } echo "Marque : <select name=\"m_proc1\" ONCHANGE=\"location = this.options[this.selectedIndex].value;\"> <option value=\"#\">$type</option> <option value=\"./index.php?type=amd\">amd</option> <option value=\"./index.php?type=intel\">intel</option> </select>"; if ($type != "Processor") { if ($type == "amd") { echo "<select name=\"m_proc2\"> <option value=\"\">Type</option> <option value=\"Duron\">Duron</option> <option value=\"Athlon XP\">Athlon XP</option> <option value=\"Athlon 64\">Athlon 64</option> </select>"; } else { echo "<select name=\"m_proc2\"> <option value=\"\">Type</option> <option value=\"Celeron\">Celeron</option> <option value=\"Pentium 1\">Pentium 1</option> <option value=\"Pentium 2\">Pentium 2</option> <option value=\"Pentium 3\">Pentium 3</option> <option value=\"Pentium 4\">Pentium 4</option> </select>"; } } ?> Suffit de suivre ce principe la Si vraiment tu t en sort pas je ferai le reste


cadav0r 714 messages Carte Mère		Le 22 Juin 2004 à 16h24 ok merci beaucoup maintenant que j'ai la base je vais men sortir vu que j'ai compris le principe