Bonjour, je voudrais savoir comment faire pour que dès que je clique sur une liste déroulante et une fois que j'ai sélectionné mon produit dans cette liste, une nouvelle liste déroulante apparaisse en dessous de la première et ainsi de suite, jusqu'à 10 liste déroulante. J'espère que vous m'avait bien compris, merci d'avance. @+ Toto560

Aide pour liste déroulante

Réponse 1 / 31

hani_ Messages postés 333 Date d'inscription lundi 22 septembre 2008 Statut Membre Dernière intervention 18 novembre 2009 20
29 déc. 2008 à 12:23

Plusieurs solution :
la premiere consiste a laisser tes listes deroulante en display none dans le css, et de modifier la classe ou l'id en fonction de la selection dans la liste deroulante n-1. (javascrit et css necessaire.)
La seconde serais de crée une fonction php qui crée une liste déroulante avec plusieurs parametres facultatifs dont
1) les parametres de la requete pour remplir la liste
2) un parametre "changement" pour definir un changement de selection dans la liste deroulante (boolean)
3) un parametre "classe" afin de definir une classe pour le css
4) un parametre "n+1" (boolean)
et ainsi de suite en fonction de tes besoin.

bien penser a laisser des valeur par defaut aux parametres facultatifs afin de ne pas avoir a les definir a chaque appel de fonction ("n+1" sera appelé 9 fois a true et une fois a false, donc autant le déclarer a true par defaut, il ne sera ainsi obligé de le definir qu'au dernier appel de la fonction.)

Le parametre n+1 doit definir si il y a création ou non d'une nouvelle liste déroulante. dans le cas d'une reponse positive la fonction se rapelera elle même (recursive) avec les nouveaux parametre de requete en entrée afin de remplir correctement la liste n+1.
puisque tu veux t'aretter a 10 liste la liste n+9 aura un parametre "n+1" egal a false... de maniere arreter la recursivité de ta fonction.

je ne sais pas si j'ai été tres clair. si tu as des questions n'hésite pas.
il existe d'autre solution mais la c'est l'heure de la pause midi je repasse donc plus tard.

Réponse 2 / 31

toto560 Messages postés 227 Date d'inscription dimanche 4 novembre 2007 Statut Membre Dernière intervention 15 janvier 2009 5
29 déc. 2008 à 12:41

Voici le code que j'ai fait :

<form method=POST action=mail.php >

<input type=hidden name=Commande value=commande>



<div style="border:5px outset;">
<FONT COLOR="#989898"><font face="Verdana" size="5">Choississez votre produit</font></font>
<br />
<SELECT NAME="Produit" onchange="javascript:window.location.href;">  

    <OPTION> Sélectionner votre produit </option>

    <OPTION> Produit</option>

    <OPTION> Produit 2</option>

</SELECT> 



<SELECT NAME="Quantité" onchange="javascript:window.location.href;">

    <OPTION> Quantité </option>

    <OPTION> 1 </option>

	<OPTION> 2 </option>

	<OPTION> 3 </option>

	<OPTION> 4 </option>

	<OPTION> 5 </option>

	<OPTION> 6 </option>

	<OPTION> 7 </option>

	<OPTION> 8 </option>

	<OPTION> 9 </option>

	<OPTION> 10 </option>

</SELECT>

<br />
<SELECT NAME="Produit" onchange="javascript:window.location.href;">  

    <OPTION> Sélectionner votre produit </option>

    <OPTION> Produit 1</option>

    <OPTION> Produit 2</option>

</SELECT> 



<SELECT NAME="Quantité" onchange="javascript:window.location.href;">

    <OPTION> Quantité </option>

    <OPTION> 1 </option>

	<OPTION> 2 </option>

	<OPTION> 3 </option>

	<OPTION> 4 </option>

	<OPTION> 5 </option>

	<OPTION> 6 </option>

	<OPTION> 7 </option>

	<OPTION> 8 </option>

	<OPTION> 9 </option>

	<OPTION> 10 </option>

</SELECT>

<br />
<SELECT NAME="Produit" onchange="javascript:window.location.href;">  

    <OPTION> Sélectionner votre produit </option>

    <OPTION> Produit 1</option>

    <OPTION> Produit 2</option>

</SELECT> 



<SELECT NAME="Quantité" onchange="javascript:window.location.href;">

    <OPTION> Quantité </option>

    <OPTION> 1 </option>

	<OPTION> 2 </option>

	<OPTION> 3 </option>

	<OPTION> 4 </option>

	<OPTION> 5 </option>

	<OPTION> 6 </option>

	<OPTION> 7 </option>

	<OPTION> 8 </option>

	<OPTION> 9 </option>

	<OPTION> 10 </option>

</SELECT>

<br />
<SELECT NAME="Produit" onchange="javascript:window.location.href;">  

    <OPTION> Sélectionner votre produit </option>

    <OPTION> Produit 1</option>

    <OPTION> Produit 2</option>

</SELECT> 



<SELECT NAME="Quantité" onchange="javascript:window.location.href;">

    <OPTION> Quantité </option>

    <OPTION> 1 </option>

	<OPTION> 2 </option>

	<OPTION> 3 </option>

	<OPTION> 4 </option>

	<OPTION> 5 </option>

	<OPTION> 6 </option>

	<OPTION> 7 </option>

	<OPTION> 8 </option>

	<OPTION> 9 </option>

	<OPTION> 10 </option>

</SELECT>

<br />
<SELECT NAME="Produit" onchange="javascript:window.location.href;">  

    <OPTION> Sélectionner votre produit </option>

    <OPTION> Produit 1 </option>

    <OPTION> Produit 2 </option>

</SELECT> 



<SELECT NAME="Quantité" onchange="javascript:window.location.href;">

    <OPTION> Quantité </option>

    <OPTION> 1 </option>

	<OPTION> 2 </option>

	<OPTION> 3 </option>

	<OPTION> 4 </option>

	<OPTION> 5 </option>

	<OPTION> 6 </option>

	<OPTION> 7 </option>

	<OPTION> 8 </option>

	<OPTION> 9 </option>

	<OPTION> 10 </option>

</SELECT>
</div>

<input type=submit value=Envoyer>
</form>

Réponse 3 / 31

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
29 déc. 2008 à 13:14

Bonjour,

une methode:

n'oublie pas value=".." dans les options

le script s'appele lui même action="..."

a chaque onChange de liste on affiche une liste en plus et seulement à la dernière le bouton Submit

<?php
//recuperation des valeurs postees
isset($_POST['produit'])? $produit=$_POST['produit'] : $produit="";
isset($_POST['quantite'])? $quantite=$_POST['quantite'] : $quantite="";
isset($_POST['taille'])? $taille=$_POST['taille'] : $taille="";

//traitement au submit bouton envoyer
if(!empty($_POST['envoyer'])){

//tu fais ton traitement commande avec les valeurs reçues $produit, $quantitr etc...

}

?>
<div style="border:5px outset;">
<form method="post" action="le_nom_de ce script.php.php" >
<!-- le script s'appele lui meme on detectes ensuite quel action l'a appele pour faire le traitement apprprie -->
<input type="hidden" name="commande" value="commande">
<font color="#989898"><font face="verdana" size="5">Choississez votre produit</font></font>
<br />
<select name="produit" onchange="submit();">  

    <option value=""> S&eacute;lectionnez votre produit </option>

    <option value="produit 1" <?php if($produit=="produit 1") echo "selected"; ?> > produit 1</option>

    <option value="produit 2" <?php if($produit=="produit 2") echo "selected"; ?> > produit 2</option>

</select> 


<?php
if(!empty($produit)){
?>
<select name="quantite" onchange="submit();">

    <option value="" > quantité </option>

    <option value="1" <?php if($quantite=="1") echo "selected"; ?>> 1 </option>
	<!-- tu continue pareil pour tous,  c'est pour que ce tu as selectionne reste au reaffichage de la page -->

	<option value="2"> 2 </option>

	<option value="3"> 3 </option>

	<option value="4"> 4 </option>

	<option value="5"> 5 </option>

	<option value="6"> 6 </option>

	<option value="7"> 7 </option>

	<option value="8"> 8 </option>

	<option value="9"> 9 </option>

	<option value="10"> 10 </option>

</select>
<?php
} //fin if quantite

if(!empty($taille)){
?>
<br />
<select name="taille" >

    <option> taille </option>

    <option value="50"> 50 </option>

	<option  value="100"> 100 </option>

	<option value="150"> 150 </option>

	<option  value="200"> 200 </option>

	

</select>




<input type="submit" name="envoyer" value="envoyer">
<?php
} //fin if taille

?>
</form>
</div>

à qq erreurs de frappe près

Réponse 4 / 31

toto560 Messages postés 227 Date d'inscription dimanche 4 novembre 2007 Statut Membre Dernière intervention 15 janvier 2009 5
29 déc. 2008 à 16:50

Ce n'est pas exactement ce que je voulais:

-je voudrais une liste déroulante en html, où l'on peut sélectionner un produit, une fois le produit sélectionner je veut qu'une autre liste déroulante apparaisse en dessous de la première et ce jusqu'à une quinzaine de liste tout en ayant la possibilité d'appuyer à n'importe quel liste sur le bouton envoyer

Merci quand même Alain_42 pour cette réponse.

Réponse 5 / 31

toto560 Messages postés 227 Date d'inscription dimanche 4 novembre 2007 Statut Membre Dernière intervention 15 janvier 2009 5
29 déc. 2008 à 17:19

?

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
29 déc. 2008 à 17:23

Ha ok il faut alors faire avec du javascript

au départ elles sont toutes "masquées" sauf la une et le onchange de chaque liste "démasque" la suivante

Réponse 6 / 31

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
29 déc. 2008 à 18:00

Voilà essayes ça tu t'arranges pour la mise en page bien sûr

<script language="javascript">
function afficheListe(id_liste) {
		document.getElementById(id_liste).style.display="block";
}
</script>
<div style="border:5px outset;">
<form method="post" action="" >
<input type="hidden" name="commande" value="commande">
<font color="#989898"><font face="verdana" size="5">Choisissez votre produit</font></font>
<br />
<div id="list_produit">
<select name="produit" onchange="afficheListe('list_quantite');">  
    <option value=""> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > produit 1</option>
    <option value="produit 2"> produit 2</option>
</select> 
</div>
<div id="list_quantite" style="display:none;">
<select name="quantite" onchange="afficheListe('list_taille');">
    <option value="" > quantité </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3"> 3 </option>
	<option value="4"> 4 </option>
	<option value="5"> 5 </option>
	<option value="6"> 6 </option>
	<option value="7"> 7 </option>
	<option value="8"> 8 </option>
	<option value="9"> 9 </option>
	<option value="10"> 10 </option>
</select>
</div>
<br />
<div id="list_taille" style="display:none;">
<select name="taille" >
    <option> taille </option>
    <option value="50"> 50 </option>
	<option  value="100"> 100 </option>
	<option value="150"> 150 </option>
	<option  value="200"> 200 </option>
	
</select>
</div>
<input type="submit" name="envoyer" value="envoyer">
</form>
</div>

Réponse 7 / 31

toto560 Messages postés 227 Date d'inscription dimanche 4 novembre 2007 Statut Membre Dernière intervention 15 janvier 2009 5
29 déc. 2008 à 19:58

HA, merci Alain_42, c'est déjà beaucoup mieux.

Voila le code une fois modifier :

<div class="texte">	
<br /><script language="javascript">
function afficheListe(id_liste) {
		document.getElementById(id_liste).style.display="block";
}
</script>
<div style="border:5px outset;">
<form method=POST action=mail.php >
<input type=hidden name=Commande value=commande>
<font color="#989898"><font face="verdana" size="5">Choisissez votre produit</font></font>
<br />

<div id="list_Produit">
<select name="Produit">  
    <option value="Aucun"> Sélectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
</select> 


<div id="list_Quantite">
<select name="Quantité" onchange="afficheListe('list_Produit1');">
    <option value="0"> Quantité </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
</select>	
</div>
	
</div>	
	
	
	
<div id="list_Produit1" style="display:none;">
<select name="Produit1">
	<option value="Aucun"> Sélectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
</select> 


<div id="list_Quantite1">
<select name="Quantité1" onchange="afficheListe('list_Produit2');">
    <option value="0"> Quantité </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
</select>	
</div>

</div>




<div id="list_Produit2" style="display:none;">
<select name="Produit2">  
    <option value="Aucun"> Sélectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
</select> 


<div id="list_Quantite2">
<select name="Quantité2" onchange="afficheListe('list_Produit3');">
    <option value="0"> Quantité </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
</select>	
</div>	
	
</div>	
	
	
	
	
	
<div id="list_Produit3" style="display:none;">
<select name="Produit3">
    <option value="Aucun" > Sélectionner votre produit </option>
    <option value="produit 1" > Produit 1 </option>
	<option value="produit 2"> Produit 2</option>
    <option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4 </option>
</select>


<div id="list_Quantite3">
<select name="Quantité3">
    <option value="0"> Quantité </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
</select>	
</div>

</div>


</form>
</div>
<br />
<center><input type=submit value=Commander></center>

Mais maintenant, j'aimerais bien que la quantité soit a droite de la liste pour selectionner le produit, est-ce possible ?
Et j'ai aussi un problème avec mon bouton, dès que clique dessus pour envoyer la commande, rien ne se passe; pourquoi ?

Merci encore Alain_42.

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
29 déc. 2008 à 20:21

Bonsoir,

tu veux exactement tes listes comment ?

au début liste produit avec à côté quantité visible

ensuite après le choix quantité dans produit ça va afficher liste produit1 et quantité 1

et ainsi de suite

ou veux tu :

liste produit visible seule puis après choix == > affich quantité
puis après choix quantité ==> affich liste produit et après choix produit 1 ==> affich quantité 1

Réponse 8 / 31

toto560 Messages postés 227 Date d'inscription dimanche 4 novembre 2007 Statut Membre Dernière intervention 15 janvier 2009 5
29 déc. 2008 à 22:29

Non, le code est parfait comme ça, mais je voudrais seulement savoir si il était possible de placer la liste des quantité à droite de la liste des produits.

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
30 déc. 2008 à 10:43

Bonjour,

je t'ai rectifié un peu ça avec du CSS mais c'est pas encore le top, tu dois pouvoir améliorer , vas voir le site:

http://css.alsacreations.com/Bases-et-indispensables/Comprendre-le-positionnement-des-balises-en-CSS

<script language="javascript">
function afficheListe(id_liste) {
		document.getElementById(id_liste).style.display="block";
}
</script>
<style type="text/css">
#conteneur{
width:auto;
}
.conteneur_listes{
width: 300px;
margin: 2px;
}
.produit {
margin-left: 10px;
float: left;
}
.quantite{
float: left;
margin-left: 10px;
}


</style>

<div id="conteneur" style="border:5px outset;">

<form method="POST" action="mail.php" >
<input type="hidden" name="Commande" value="commande">
<font color="#989898"><font face="verdana" size="5">Choisissez votre produit</font></font>
<br />
<div class="conteneur_listes">
<div id="list_Produit" class="produit">
<select name="Produit" onchange="afficheListe('list_Quantite');">  
    <option value="Aucun"> Sélectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
</select> 

</div>
<div id="list_Quantite" class="quantite" style="display:none;">
<select name="Quantite" onchange="afficheListe('list_Produit1');">
    <option value="0" selected> Quantité </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
</select>	
</div>
	
</div>	
	
<div class="conteneur_listes">	
	
<div id="list_Produit1" class="produit" style="display:none;">
<select name="Produit1"  onchange="afficheListe('list_Quantite1');">
	<option value="Aucun"> Sélectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
</select> 

</div>
<div id="list_Quantite1" class="quantite" style="display:none;">
<!-- ne mets jamais d'accents ni d'espace dans les name=  -->
<select name="Quantite1" onchange="afficheListe('list_Produit2');">
    <option value="0" selected> Quantité </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
</select>	
</div>

</div>


<div class="conteneur_listes">

<div id="list_Produit2" class="produit" style="display:none;">
<select name="Produit2" onchange="afficheListe('list_Quantite2');">  
    <option value="Aucun"> Sélectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
</select> 
</div>

<div id="list_Quantite2" class="quantite" style="display:none;">
<select name="Quantite2" onchange="afficheListe('list_Produit3');">
    <option value="0" selected> Quantité </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
</select>	
</div>	
	
</div>	
	
	
	
<div class="conteneur_listes">
	
<div id="list_Produit3" class="produit" style="display:none;">
<select name="Produit3"  onchange="afficheListe('list_Quantite3');">
    <option value="Aucun" > Sélectionner votre produit </option>
    <option value="produit 1" > Produit 1 </option>
	<option value="produit 2"> Produit 2</option>
    <option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4 </option>
</select>
</div>

<div id="list_Quantite3" class="quantite" style="display:none;">
<select name="Quantite3">
    <option value="0" selected> Quantité </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
</select>	
</div>

</div>
<!-- il faut que le bouton submit soit dans le formulaire c a d entre <form  et </form> -->
<center><input type="submit" name="commander" value="Commander"></center>
</form>
</div>
<br />

Réponse 9 / 31

toto560 Messages postés 227 Date d'inscription dimanche 4 novembre 2007 Statut Membre Dernière intervention 15 janvier 2009 5
2 janv. 2009 à 14:19

Encore une fois merci Alain_42 pour ce code.

Maintenant, je voudrais rendre obligatoire la sélection de au moins un produit pour pouvoir commander.

Et je voudrais aussi rendre obligatoire la sélection de toutes les quantités.

Est-ce possible ?

Encore merci.

<div id="conteneur" style="border:5px outset;">

<form method="POST" action="mail.php" >
<input type="hidden" name="Commande_numéro" value="<?php
// Enregistrons les informations de date dans des variables

$jour = date("d");
$mois = date("m");
$annee = date("Y");

$heure = date("H");
$minute = date("i");
$seconde = date("s"); 

// Maintenant on peut afficher ce qu'on a recueilli
echo "$jour$mois $annee $heure$minute $seconde";
?>">


<font color="#989898"><font face="verdana" size="5">Choisissez votre produit</font></font>

	<br />

<div class="conteneur_listes">
<div id="list_Produit_1" class="produit">
<select name="Produit_1" onchange="afficheListe('list_Quantite_1');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1 " > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_1" class="quantite" style="display:none;">
<select name="Quantit&eacute;_1" onchange="afficheListe('list_Produit_2');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>
</div>	
	
	<br />
	
<div class="conteneur_listes">	
	
<div id="list_Produit_2" class="produit" style="display:none;">
<select name="Produit_2"  onchange="afficheListe('list_Quantite_2');">
	<option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 

</div>
<div id="list_Quantite_2" class="quantite" style="display:none;">
<select name="Quantit&eacute;_2" onchange="afficheListe('list_Produit_3');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>
</div>

	<br />

<div class="conteneur_listes">

<div id="list_Produit_3" class="produit" style="display:none;">
<select name="Produit_3" onchange="afficheListe('list_Quantite_3');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_3" class="quantite" style="display:none;">
<select name="Quantit&eacute;_3" onchange="afficheListe('list_Produit_4');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br />
	
<div class="conteneur_listes">
	
<div id="list_Produit_4" class="produit" style="display:none;">
<select name="Produit_4"  onchange="afficheListe('list_Quantite_4');">
    <option value="Aucun" > S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1 </option>
	<option value="produit 2"> Produit 2</option>
    <option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4 </option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select>
</div>

<div id="list_Quantite_4" class="quantite" style="display:none;">
<select name="Quantit&eacute;_4"  onchange="afficheListe('list_Produit_5');">>
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>
</div>

	<br />
	
<div class="conteneur_listes">

<div id="list_Produit_5" class="produit" style="display:none;">
<select name="Produit_5" onchange="afficheListe('list_Quantite_5');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_5" class="quantite" style="display:none;">
<select name="Quantit&eacute;_5" onchange="afficheListe('list_Produit_6');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br />

<div class="conteneur_listes">

<div id="list_Produit_6" class="produit" style="display:none;">
<select name="Produit_6" onchange="afficheListe('list_Quantite_6');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_6" class="quantite" style="display:none;">
<select name="Quantit&eacute;_6" onchange="afficheListe('list_Produit_7');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	
	
	<br />
	
<div class="conteneur_listes">

<div id="list_Produit_7" class="produit" style="display:none;">
<select name="Produit_7" onchange="afficheListe('list_Quantite_7');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_7" class="quantite" style="display:none;">
<select name="Quantit&eacute;_7" onchange="afficheListe('list_Produit_8');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br />
	
<div class="conteneur_listes">

<div id="list_Produit_8" class="produit" style="display:none;">
<select name="Produit_8" onchange="afficheListe('list_Quantite_8');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_8" class="quantite" style="display:none;">
<select name="Quantit&eacute;_8" onchange="afficheListe('list_Produit_9');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br />
	
<div class="conteneur_listes">

<div id="list_Produit_9" class="produit" style="display:none;">
<select name="Produit_9" onchange="afficheListe('list_Quantite_9');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_9" class="quantite" style="display:none;">
<select name="Quantit&eacute;_9" onchange="afficheListe('list_Produit_10');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br />
	
<div class="conteneur_listes">

<div id="list_Produit_10" class="produit" style="display:none;">
<select name="Produit_10" onchange="afficheListe('list_Quantite_10');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_10" class="quantite" style="display:none;">
<select name="Quantit&eacute;_10">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br />
	<br />
</div>

	<br />

<center><FONT COLOR="#989898"><font face="Verdana" size="2">Apr&egrave;s avoir appuyer sur le bouton "Commander", il est impossible de faire marche arri&egrave;re.</font></font></center>

	<br />

<center><input type="submit" value="Commander"></center></form>

Réponse 10 / 31

toto560 Messages postés 227 Date d'inscription dimanche 4 novembre 2007 Statut Membre Dernière intervention 15 janvier 2009 5
2 janv. 2009 à 17:29

?

Réponse 11 / 31

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
2 janv. 2009 à 23:16

Bonsoir,

attention modifie les name="Quantite" ne mets pas d'accents

<script language="javascript">
function afficheListe(id_liste) {
		document.getElementById(id_liste).style.display="block";
}

function verifFormulaire(){
	var form=document.forms.form1;
	var name_elem;
	var index;
	var array_paire_liste=new Array();
	var un_produit_choisi=false;
	var quantie_ok=false;
	for(i=0;i<form.length;i++){
		name_elem=form[i].name;
		if(name_elem.substring(0,8)=="Produit_"){
			index=name_elem.substring(8);
			indexN=parseInt(index,10)-1;
			array_paire_liste[indexN]=new Array();
			array_paire_liste[indexN][0]=form[i].value;
		}
		if(name_elem.substring(0,9)=="Quantite_"){
			index=name_elem.substring(9);
			indexN=parseInt(index,10)-1;
			array_paire_liste[indexN][1]=form[i].value;
		}
	}
	//on a maintenant un array a 2 dimensions les index sont les num de produit(-1) et col 0 la val produit et col 1 la valeur quantite
	for(j=0;j< array_paire_liste.length;j++){
		if(array_paire_liste[j][0]!="Aucun"){
			un_produit_choisi=true;
			quantie_ok=false;
			if(array_paire_liste[j][1]>0) quantie_ok=true;
		}	
	}
	
	if(un_produit_choisi==false){
		alert("Vous devez choisir au moins un produit !");
		return false;
	}
	if(quantie_ok==false){
		alert("Vous devez sélectionner une quantité correspondante à chaque produit !");
		return false;
	}
return true;
}
</script>
<style type="text/css">
#conteneur{
width:auto;
}
.conteneur_listes{
width: 300px;
margin: 2px;
}
.produit {
margin-left: 10px;
float: left;
}
.quantite{
float: left;
margin-left: 10px;
}


</style>

<div id="conteneur" style="border:5px outset;">

<form name="form1" method="POST" action="mail.php" onSubmit="return verifFormulaire();">
<input type="hidden" name="Commande_numéro" value="<?php
// Enregistrons les informations de date dans des variables

$jour = date("d");
$mois = date("m");
$annee = date("Y");

$heure = date("H");
$minute = date("i");
$seconde = date("s"); 

// Maintenant on peut afficher ce qu'on a recueilli
echo "$jour$mois $annee $heure$minute $seconde";
?>">


<font color="#989898"><font face="verdana" size="5">Choisissez votre produit</font></font>

	<br />

<div class="conteneur_listes">
<div id="list_Produit_1" class="produit">
<select name="Produit_1" onchange="afficheListe('list_Quantite_1');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1 " > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_1" class="quantite" style="display:none;">
<select name="Quantite_1" onchange="afficheListe('list_Produit_2');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>
</div>	
	
	<br />
	
<div class="conteneur_listes">	
	
<div id="list_Produit_2" class="produit" style="display:none;">
<select name="Produit_2"  onchange="afficheListe('list_Quantite_2');">
	<option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 

</div>
<div id="list_Quantite_2" class="quantite" style="display:none;">
<select name="Quantite_2" onchange="afficheListe('list_Produit_3');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>
</div>

	<br />

<div class="conteneur_listes">

<div id="list_Produit_3" class="produit" style="display:none;">
<select name="Produit_3" onchange="afficheListe('list_Quantite_3');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_3" class="quantite" style="display:none;">
<select name="Quantite_3" onchange="afficheListe('list_Produit_4');">
    <option value="0" selected> Quantite </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br />
	
<div class="conteneur_listes">
	
<div id="list_Produit_4" class="produit" style="display:none;">
<select name="Produit_4"  onchange="afficheListe('list_Quantite_4');">
    <option value="Aucun" > S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1 </option>
	<option value="produit 2"> Produit 2</option>
    <option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4 </option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select>
</div>

<div id="list_Quantite_4" class="quantite" style="display:none;">
<select name="Quantite_4"  onchange="afficheListe('list_Produit_5');">>
    <option value="0" selected> Quantite </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>
</div>

	<br />
	
<div class="conteneur_listes">

<div id="list_Produit_5" class="produit" style="display:none;">
<select name="Produit_5" onchange="afficheListe('list_Quantite_5');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_5" class="quantite" style="display:none;">
<select name="Quantite_5" onchange="afficheListe('list_Produit_6');">
    <option value="0" selected> Quantite </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br />

<div class="conteneur_listes">

<div id="list_Produit_6" class="produit" style="display:none;">
<select name="Produit_6" onchange="afficheListe('list_Quantite_6');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_6" class="quantite" style="display:none;">
<select name="Quantite_6" onchange="afficheListe('list_Produit_7');">
    <option value="0" selected> Quantite </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	
	
	<br />
	
<div class="conteneur_listes">

<div id="list_Produit_7" class="produit" style="display:none;">
<select name="Produit_7" onchange="afficheListe('list_Quantite_7');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_7" class="quantite" style="display:none;">
<select name="Quantite_7" onchange="afficheListe('list_Produit_8');">
    <option value="0" selected> Quantite </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br />
	
<div class="conteneur_listes">

<div id="list_Produit_8" class="produit" style="display:none;">
<select name="Produit_8" onchange="afficheListe('list_Quantite_8');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_8" class="quantite" style="display:none;">
<select name="Quantite_8" onchange="afficheListe('list_Produit_9');">
    <option value="0" selected> Quantite </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br />
	
<div class="conteneur_listes">

<div id="list_Produit_9" class="produit" style="display:none;">
<select name="Produit_9" onchange="afficheListe('list_Quantite_9');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_9" class="quantite" style="display:none;">
<select name="Quantite_9" onchange="afficheListe('list_Produit_10');">
    <option value="0" selected> Quantite </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br />
	
<div class="conteneur_listes">

<div id="list_Produit_10" class="produit" style="display:none;">
<select name="Produit_10" onchange="afficheListe('list_Quantite_10');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_10" class="quantite" style="display:none;">
<select name="Quantite_10">
    <option value="0" selected> Quantite </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br />
	<br />
</div>

	<br />

<center><FONT COLOR="#989898"><font face="Verdana" size="2">Apr&egrave;s avoir appuyer sur le bouton "Commander", il est impossible de faire marche arri&egrave;re.</font></font></center>

	<br />

<center><input type="submit" value="Commander"></center></form>

Réponse 12 / 31

toto560 Messages postés 227 Date d'inscription dimanche 4 novembre 2007 Statut Membre Dernière intervention 15 janvier 2009 5
3 janv. 2009 à 00:59

Bonsoir,

Il y a un petit problème avec le code :

une fois que j'ai sélectionner un produit et la quantité qui va avec, un nouveau produit s'affiche, jusque la normale, mais si le client ne veut commander qu'un seul produit et qu'il clique sur commander, on lui demande de sélectionner la quantité qui va avec le dernier produit.

Et pourquoi changer le name="Quantité", car l'accent s'affiche normalement ? Et en plus sa fait plus beau dans le mail.

Voilà.

Merci.

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
3 janv. 2009 à 10:31

Salut,

Le pb vient du fait justement que tu as laissé l'accent dans name="Quantité_

Il faut éviter car cela pose problème pour le reconnaitre dans les scripts

Tu le laisse par contre pour la partie affichage

Pour l'affichage dans le mail, tu passes par du php alors rien ne t'empêches de faire un chti bout de code pour remplacer Quantite_ par Quantité_

vas voir les REGEX php sur le site du zero

Réponse 13 / 31

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
3 janv. 2009 à 11:16

mais si tu veux absolument garder name="Quantité_

modifie:

if(name_elem.substring(0,16)=="Quantit&eacute;_"){
			index=name_elem.substring(16);
			indexN=parseInt(index,10)-1;
			array_paire_liste[indexN][1]=form[i].value;
		}

Réponse 14 / 31

toto560 Messages postés 227 Date d'inscription dimanche 4 novembre 2007 Statut Membre Dernière intervention 15 janvier 2009 5
5 janv. 2009 à 22:04

Bonsoir,

désolé mais ça ne marche toujours pas.

Réponse 15 / 31

toto560 Messages postés 227 Date d'inscription dimanche 4 novembre 2007 Statut Membre Dernière intervention 15 janvier 2009 5
7 janv. 2009 à 21:54

?

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
8 janv. 2009 à 09:22

C'est quoi qui ne marche pas ?

Tu es sur Safari, est ce que tu n'as pas une console d'erreur dans ton navigateur pour voir les erreurs ?

Donnes moi le code que tu utilises.

Réponse 16 / 31

toto560 Messages postés 227 Date d'inscription dimanche 4 novembre 2007 Statut Membre Dernière intervention 15 janvier 2009 5
11 janv. 2009 à 16:11

Bonjour,

désolé pour le retard, voici le code :

<form name="form1" method="POST" action="mail.php">

<input type="hidden" name="Commande_numéro" value="<?php
// Enregistrons les informations de date dans des variables

$jour = date("d");
$mois = date("m");
$annee = date("Y");

$heure = date("H");
$minute = date("i");
$seconde = date("s"); 

// Maintenant on peut afficher ce qu'on a recueilli
echo "$jour$mois $annee $heure$minute $seconde";
?>">


<font color="#800080"><font face="verdana" size="5">Choisissez votre produit...</font></font>

	<br>

<div class="conteneur_listes">
<div id="list_Produit_1" class="produit">
<select name="Produit_1" onchange="afficheListe('list_Quantite_1');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1 " > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_1" class="quantite" style="display:none;">
<select name="Quantit&eacute;_1" onchange="afficheListe('list_Produit_2');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>
</div>	
	
	<br>
	
<div class="conteneur_listes">	
	
<div id="list_Produit_2" class="produit" style="display:none;">
<select name="Produit_2"  onchange="afficheListe('list_Quantite_2');">
	<option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 

</div>
<div id="list_Quantite_2" class="quantite" style="display:none;">
<select name="Quantit&eacute;_2" onchange="afficheListe('list_Produit_3');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>
</div>

	<br>

<div class="conteneur_listes">

<div id="list_Produit_3" class="produit" style="display:none;">
<select name="Produit_3" onchange="afficheListe('list_Quantite_3');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_3" class="quantite" style="display:none;">
<select name="Quantit&eacute;_3" onchange="afficheListe('list_Produit_4');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br>
	
<div class="conteneur_listes">
	
<div id="list_Produit_4" class="produit" style="display:none;">
<select name="Produit_4"  onchange="afficheListe('list_Quantite_4');">
    <option value="Aucun" > S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1 </option>
	<option value="produit 2"> Produit 2</option>
    <option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4 </option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select>
</div>

<div id="list_Quantite_4" class="quantite" style="display:none;">
<select name="Quantit&eacute;_4"  onchange="afficheListe('list_Produit_5');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>
</div>

	<br>
	
<div class="conteneur_listes">

<div id="list_Produit_5" class="produit" style="display:none;">
<select name="Produit_5" onchange="afficheListe('list_Quantite_5');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_5" class="quantite" style="display:none;">
<select name="Quantit&eacute;_5" onchange="afficheListe('list_Produit_6');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br>

<div class="conteneur_listes">

<div id="list_Produit_6" class="produit" style="display:none;">
<select name="Produit_6" onchange="afficheListe('list_Quantite_6');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_6" class="quantite" style="display:none;">
<select name="Quantit&eacute;_6" onchange="afficheListe('list_Produit_7');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	
	
	<br>
	
<div class="conteneur_listes">

<div id="list_Produit_7" class="produit" style="display:none;">
<select name="Produit_7" onchange="afficheListe('list_Quantite_7');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_7" class="quantite" style="display:none;">
<select name="Quantit&eacute;_7" onchange="afficheListe('list_Produit_8');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br>
	
<div class="conteneur_listes">

<div id="list_Produit_8" class="produit" style="display:none;">
<select name="Produit_8" onchange="afficheListe('list_Quantite_8');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_8" class="quantite" style="display:none;">
<select name="Quantit&eacute;_8" onchange="afficheListe('list_Produit_9');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br>
	
<div class="conteneur_listes">

<div id="list_Produit_9" class="produit" style="display:none;">
<select name="Produit_9" onchange="afficheListe('list_Quantite_9');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_9" class="quantite" style="display:none;">
<select name="Quantit&eacute;_9" onchange="afficheListe('list_Produit_10');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br>
	
<div class="conteneur_listes">

<div id="list_Produit_10" class="produit" style="display:none;">
<select name="Produit_10" onchange="afficheListe('list_Quantite_10');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_10" class="quantite" style="display:none;">
<select name="Quantit&eacute;_10">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br>
	<br>
</div>

	<br>
	<br>


<center>

<input type=hidden name=Client value=Coordonn&eacute;es>
<div id="formulaire">
<table>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Civilit&eacute; :</font></font></td>
<td><input type="radio" name="Civilit&eacute;" value="Madame">Madame
<input type="radio" name="Civilit&eacute;" value="Mademoiselle">Mademoiselle
<input type="radio" name="Civilit&eacute;" value="Monsieur">Monsieur</td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre Nom :</font></font></td>
    <td><input type=text name=Nom size=30></td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre Pr&eacute;nom :</font></font></td>
    <td><input type=text name=Pr&eacute;nom size=30></td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre adresse e-mail :</font></font></td>
    <td><input type=text name=E-mail size=30></td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre n° de t&eacute;l&eacute;phone :</font></font></td>
    <td><input type=text name=T&eacute;l&eacute;phone size=30></td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre adresse (n° et rue):</font></font></td>
    <td><input type=text name=Adresse size=30></td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre ville :</font></font></td>
    <td><input type=text name=Ville size=30></td></tr>
	<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre code postal :</font></font></td>
    <td><input type=text name=Code-postal size=30></td></tr>
	<tr><td colspan=2><FONT COLOR="#000000"><font face="Verdana" size="2">Commentaires :</font></font><br>
  <textarea COLS=50 ROWS=6 name=Commentaires></textarea>
</td></tr>
</table>
</div>

</center>

	<br>
	<br>

<center><input type="submit" value="Commander"></form></center>

Voila, ça refait ce que je vous ait dit à la réponse 15, pouvez me placer correctement sur ce code les modifs ?

Merci beaucoup

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
11 janv. 2009 à 20:05

rectifie cette partie fin de code il te manque les " (voir commentaires)

<center>
<!-- lignes ci dessousil faut que tu mettes des " pour chaque valeur des arguments des balises <input comme la premiere ligne -->
<input type="hidden" name="Client" value="Coordonn&eacute;es" >
<div id="formulaire">
<table>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Civilit&eacute; :</font></font></td>
<td><input type="radio" name="Civilit&eacute;" value="Madame">Madame
<input type="radio" name="Civilit&eacute;" value="Mademoiselle">Mademoiselle
<input type="radio" name="Civilit&eacute;" value="Monsieur">Monsieur</td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre Nom :</font></font></td>
    <td><input type=text name=Nom size=30></td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre Pr&eacute;nom :</font></font></td>
    <td><input type=text name=Pr&eacute;nom size=30></td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre adresse e-mail :</font></font></td>
    <td><input type=text name=E-mail size=30></td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre n° de t&eacute;l&eacute;phone :</font></font></td>
    <td><input type=text name=T&eacute;l&eacute;phone size=30></td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre adresse (n° et rue):</font></font></td>
    <td><input type=text name=Adresse size=30></td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre ville :</font></font></td>
    <td><input type=text name=Ville size=30></td></tr>
	<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre code postal :</font></font></td>
    <td><input type=text name=Code-postal size=30></td></tr>
	<tr><td colspan=2><FONT COLOR="#000000"><font face="Verdana" size="2">Commentaires :</font></font><br>
  <textarea COLS=50 ROWS=6 name=Commentaires></textarea>
</td></tr>
</table>
</div>

</center>

mets moi le code de la partie javascript sinon je ne peux pas voir ce qui ne fonctionne pas entre les deux

Réponse 17 / 31

toto560 Messages postés 227 Date d'inscription dimanche 4 novembre 2007 Statut Membre Dernière intervention 15 janvier 2009 5
11 janv. 2009 à 20:30

<script language="javascript">
function afficheListe(id_liste) {
		document.getElementById(id_liste).style.display="block";
}

function verifFormulaire(){
	var form=document.forms.form1;
	var name_elem;
	var index;
	var array_paire_liste=new Array();
	var un_produit_choisi=false;
	var quantie_ok=false;
	for(i=0;i<form.length;i++){
		name_elem=form[i].name;
		if(name_elem.substring(0,8)=="Produit_"){
			index=name_elem.substring(8);
			indexN=parseInt(index,10)-1;
			array_paire_liste[indexN]=new Array();
			array_paire_liste[indexN][0]=form[i].value;
		if(name_elem.substring(0,16)=="Quantit&eacute;_"){
			index=name_elem.substring(16);
			indexN=parseInt(index,10)-1;
			array_paire_liste[indexN][1]=form[i].value;
		}
	}
	//on a maintenant un array a 2 dimensions les index sont les num de produit(-1) et col 0 la val produit et col 1 la valeur quantite
	for(j=0;j< array_paire_liste.length;j++){
		if(array_paire_liste[j][0]!="Aucun"){
			un_produit_choisi=true;
			quantie_ok=false;
			if(array_paire_liste[j][1]>0) quantie_ok=true;
		}	
	}
	
	if(un_produit_choisi==false){
		alert("Vous devez choisir au moins un produit !");
		return false;
	}
	if(quantie_ok==false){
		alert("Vous devez sélectionner une quantité correspondante à chaque produit !");
		return false;
	}
return true;
}
</script>

Réponse 18 / 31

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
12 janv. 2009 à 10:00

Bonjour,

dans la balise <form il manque l'appel de la fonction JS de verification

<form name="form1" method="POST" action="mail.php"  onSubmit="return verifFormulaire();">

dans la fonction verifFormulaire tu as perdu une }

for(i=0;i<form.length;i++){
		name_elem=form[i].name;
		if(name_elem.substring(0,8)=="Produit_"){
			index=name_elem.substring(8);
			indexN=parseInt(index,10)-1;
			array_paire_liste[indexN]=new Array();
			array_paire_liste[indexN][0]=form[i].value;
		}	//celle la !!
		if(name_elem.substring(0,16)=="Quantit&eacute;_"){
			index=name_elem.substring(16);
			indexN=parseInt(index,10)-1;
			array_paire_liste[indexN][1]=form[i].value;
		}

et revient aux name=Quantite_ sans les accents é

et modifies la fonction Js pour tester Quantite_

chez moi ça marche comme ça sans les accents

Réponse 19 / 31

toto560 Messages postés 227 Date d'inscription dimanche 4 novembre 2007 Statut Membre Dernière intervention 15 janvier 2009 5
12 janv. 2009 à 22:26

Bonsoir,

je suis désolé mais ça ne marche toujours pas, pour le "veuillez sélectionner au moins un produit ça marche super mais pour les quantités c'est autre chose, quand je sélectionne le premier produit et la quantité, un nouveau produit s'affiche, je pense que c'est de la que viens le problème. Pouvez-vous regardez si je ne me suis pas tromper dans le code mais ça m'étonnerai ? :

<script language="javascript">
function afficheListe(id_liste) {
		document.getElementById(id_liste).style.display="block";
}

function verifFormulaire(){
	var form=document.forms.form1;
	var name_elem;
	var index;
	var array_paire_liste=new Array();
	var un_produit_choisi=false;
	var quantite_ok=false;
for(i=0;i<form.length;i++){
		name_elem=form[i].name;
		if(name_elem.substring(0,8)=="Produit_"){
			index=name_elem.substring(8);
			indexN=parseInt(index,10)-1;
			array_paire_liste[indexN]=new Array();
			array_paire_liste[indexN][0]=form[i].value;
		}
		if(name_elem.substring(0,16)=="Quantite_"){
			index=name_elem.substring(16);
			indexN=parseInt(index,10)-1;
			array_paire_liste[indexN][1]=form[i].value;
		}

	}
	//on a maintenant un array a 2 dimensions les index sont les num de produit(-1) et col 0 la val produit et col 1 la valeur quantite
	for(j=0;j< array_paire_liste.length;j++){
		if(array_paire_liste[j][0]!="Aucun"){
			un_produit_choisi=true;
			quantite_ok=false;
			if(array_paire_liste[j][1]>0) quantite_ok=true;
		}	
	}
	
	if(un_produit_choisi==false){
		alert("Vous devez choisir au moins un produit !");
		return false;
	}
	if(quantite_ok==false){
		alert("Vous devez sélectionner une quantité correspondante à chaque produit !");
		return false;
	}
return true;
}
</script>

<form name="form1" method="POST" action="mail.php" onSubmit="return verifFormulaire();">
<input type="hidden" name="Commande_numéro" value="<?php
// Enregistrons les informations de date dans des variables

$jour = date("d");
$mois = date("m");
$annee = date("Y");

$heure = date("H");
$minute = date("i");
$seconde = date("s"); 

// Maintenant on peut afficher ce qu'on a recueilli
echo "$jour$mois $annee $heure$minute $seconde";
?>">


<font color="#800080"><font face="verdana" size="5">Choisissez votre produit...</font></font>

	<br>

<div class="conteneur_listes">
<div id="list_Produit_1" class="produit">
<select name="Produit_1" onchange="afficheListe('list_Quantite_1');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1 " > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_1" class="quantite" style="display:none;">
<select name="Quantite_1" onchange="afficheListe('list_Produit_2');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>
</div>	
	
	<br>
	
<div class="conteneur_listes">	
	
<div id="list_Produit_2" class="produit" style="display:none;">
<select name="Produit_2"  onchange="afficheListe('list_Quantite_2');">
	<option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 

</div>
<div id="list_Quantite_2" class="quantite" style="display:none;">
<select name="Quantite_2" onchange="afficheListe('list_Produit_3');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>
</div>

	<br>

<div class="conteneur_listes">

<div id="list_Produit_3" class="produit" style="display:none;">
<select name="Produit_3" onchange="afficheListe('list_Quantite_3');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_3" class="quantite" style="display:none;">
<select name="Quantite_3" onchange="afficheListe('list_Produit_4');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br>
	
<div class="conteneur_listes">
	
<div id="list_Produit_4" class="produit" style="display:none;">
<select name="Produit_4"  onchange="afficheListe('list_Quantite_4');">
    <option value="Aucun" > S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1 </option>
	<option value="produit 2"> Produit 2</option>
    <option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4 </option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select>
</div>

<div id="list_Quantite_4" class="quantite" style="display:none;">
<select name="Quantite_4"  onchange="afficheListe('list_Produit_5');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>
</div>

	<br>
	
<div class="conteneur_listes">

<div id="list_Produit_5" class="produit" style="display:none;">
<select name="Produit_5" onchange="afficheListe('list_Quantite_5');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_5" class="quantite" style="display:none;">
<select name="Quantite_5" onchange="afficheListe('list_Produit_6');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br>

<div class="conteneur_listes">

<div id="list_Produit_6" class="produit" style="display:none;">
<select name="Produit_6" onchange="afficheListe('list_Quantite_6');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_6" class="quantite" style="display:none;">
<select name="Quantite_6" onchange="afficheListe('list_Produit_7');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	
	
	<br>
	
<div class="conteneur_listes">

<div id="list_Produit_7" class="produit" style="display:none;">
<select name="Produit_7" onchange="afficheListe('list_Quantite_7');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_7" class="quantite" style="display:none;">
<select name="Quantite_7" onchange="afficheListe('list_Produit_8');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br>
	
<div class="conteneur_listes">

<div id="list_Produit_8" class="produit" style="display:none;">
<select name="Produit_8" onchange="afficheListe('list_Quantite_8');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_8" class="quantite" style="display:none;">
<select name="Quantite_8" onchange="afficheListe('list_Produit_9');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br>
	
<div class="conteneur_listes">

<div id="list_Produit_9" class="produit" style="display:none;">
<select name="Produit_9" onchange="afficheListe('list_Quantite_9');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_9" class="quantite" style="display:none;">
<select name="Quantite_9" onchange="afficheListe('list_Produit_10');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br>
	
<div class="conteneur_listes">

<div id="list_Produit_10" class="produit" style="display:none;">
<select name="Produit_10" onchange="afficheListe('list_Quantite_10');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_10" class="quantite" style="display:none;">
<select name="Quantite_10">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br>
	<br>
</div>

	<br>
	<br>


<center>

<center>
<!-- lignes ci dessousil faut que tu mettes des " pour chaque valeur des arguments des balises <input comme la premiere ligne -->
<input type="hidden" name="Client" value="Coordonn&eacute;es" >
<div id="formulaire">
<table>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Civilit&eacute; :</font></font></td>
<td><input type="radio" name="Civilit&eacute;" value="Madame">Madame
<input type="radio" name="Civilit&eacute;" value="Mademoiselle">Mademoiselle
<input type="radio" name="Civilit&eacute;" value="Monsieur">Monsieur</td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre Nom :</font></font></td>
    <td><input type=text name=Nom size=30></td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre Pr&eacute;nom :</font></font></td>
    <td><input type=text name=Pr&eacute;nom size=30></td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre adresse e-mail :</font></font></td>
    <td><input type=text name=E-mail size=30></td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre n° de t&eacute;l&eacute;phone :</font></font></td>
    <td><input type=text name=T&eacute;l&eacute;phone size=30></td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre adresse (n° et rue):</font></font></td>
    <td><input type=text name=Adresse size=30></td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre ville :</font></font></td>
    <td><input type=text name=Ville size=30></td></tr>
	<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre code postal :</font></font></td>
    <td><input type=text name=Code-postal size=30></td></tr>
	<tr><td colspan=2><FONT COLOR="#000000"><font face="Verdana" size="2">Commentaires :</font></font><br>
  <textarea COLS=50 ROWS=6 name=Commentaires></textarea>
</td></tr>
</table>
</div>

</center>

	<br>

<center><FONT COLOR="#989898"><font face="Verdana" size="2">Apr&egrave;s avoir appuyer sur le bouton "Commander", blablabla</font></font></center>

	<br>

<center><input type="submit" value="Commander"></form></center>

Réponse 20 / 31

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
13 janv. 2009 à 00:02

Il subsistait deux petites erreurs, voir commentaires:(chez moi ce code fonctionne)

<script language="javascript">
function afficheListe(id_liste) {
		document.getElementById(id_liste).style.display="block";
}

function verifFormulaire(){
	var form=document.forms.form1;
	var name_elem;
	var index;
	var array_paire_liste=new Array();
	var un_produit_choisi=false;
	var quantite_ok=false;
for(i=0;i<form.length;i++){
		name_elem=form[i].name;
		if(name_elem.substring(0,8)=="Produit_"){
			index=name_elem.substring(8);
			indexN=parseInt(index,10)-1;
			array_paire_liste[indexN]=new Array();
			array_paire_liste[indexN][0]=form[i].value;
		}
		if(name_elem.substring(0,9)=="Quantite_"){//tu avait une reeur la  16 ai lieu de 9  nbr de lettres 
			index=name_elem.substring(9);//tu avait une reeur la  16 ai lieu de 9  nbr de lettres 
			indexN=parseInt(index,10)-1;
			array_paire_liste[indexN][1]=form[i].value;
		}

	}
	//on a maintenant un array a 2 dimensions les index sont les num de produit(-1) et col 0 la val produit et col 1 la valeur quantite
	for(j=0;j< array_paire_liste.length;j++){
		if(array_paire_liste[j][0]!="Aucun"){
			un_produit_choisi=true;
			quantite_ok=false;
			if(array_paire_liste[j][1]>0) quantite_ok=true;
		}	
	}
	
	if(un_produit_choisi==false){
		alert("Vous devez choisir au moins un produit !");
		return false;
	}
	if(quantite_ok==false){
		alert("Vous devez sélectionner une quantité correspondante à chaque produit !");
		return false;
	}
return true;
}
</script>

<form name="form1" method="POST" action="mail.php" onSubmit="return verifFormulaire();">
<input type="hidden" name="Commande_numéro" value="<?php
// Enregistrons les informations de date dans des variables

$jour = date("d");
$mois = date("m");
$annee = date("Y");

$heure = date("H");
$minute = date("i");
$seconde = date("s"); 

// Maintenant on peut afficher ce qu'on a recueilli
echo "$jour$mois $annee $heure$minute $seconde";
?>">


<font color="#800080"><font face="verdana" size="5">Choisissez votre produit...</font></font>

	<br>

<div class="conteneur_listes">
<div id="list_Produit_1" class="produit">
<select name="Produit_1" onchange="afficheListe('list_Quantite_1');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1 " > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_1" class="quantite" style="display:none;">
<select name="Quantite_1" onchange="afficheListe('list_Produit_2');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>
</div>	
	
	<br>
	
<div class="conteneur_listes">	
	
<div id="list_Produit_2" class="produit" style="display:none;">
<select name="Produit_2"  onchange="afficheListe('list_Quantite_2');">
	<option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 

</div>
<div id="list_Quantite_2" class="quantite" style="display:none;">
<select name="Quantite_2" onchange="afficheListe('list_Produit_3');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>
</div>

	<br>

<div class="conteneur_listes">

<div id="list_Produit_3" class="produit" style="display:none;">
<select name="Produit_3" onchange="afficheListe('list_Quantite_3');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_3" class="quantite" style="display:none;">
<select name="Quantite_3" onchange="afficheListe('list_Produit_4');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br>
	
<div class="conteneur_listes">
	
<div id="list_Produit_4" class="produit" style="display:none;">
<select name="Produit_4"  onchange="afficheListe('list_Quantite_4');">
    <option value="Aucun" > S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1 </option>
	<option value="produit 2"> Produit 2</option>
    <option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4 </option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select>
</div>

<div id="list_Quantite_4" class="quantite" style="display:none;">
<select name="Quantite_4"  onchange="afficheListe('list_Produit_5');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>
</div>

	<br>
	
<div class="conteneur_listes">

<div id="list_Produit_5" class="produit" style="display:none;">
<select name="Produit_5" onchange="afficheListe('list_Quantite_5');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_5" class="quantite" style="display:none;">
<select name="Quantite_5" onchange="afficheListe('list_Produit_6');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br>

<div class="conteneur_listes">

<div id="list_Produit_6" class="produit" style="display:none;">
<select name="Produit_6" onchange="afficheListe('list_Quantite_6');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_6" class="quantite" style="display:none;">
<select name="Quantite_6" onchange="afficheListe('list_Produit_7');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	
	
	<br>
	
<div class="conteneur_listes">

<div id="list_Produit_7" class="produit" style="display:none;">
<select name="Produit_7" onchange="afficheListe('list_Quantite_7');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_7" class="quantite" style="display:none;">
<select name="Quantite_7" onchange="afficheListe('list_Produit_8');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br>
	
<div class="conteneur_listes">

<div id="list_Produit_8" class="produit" style="display:none;">
<select name="Produit_8" onchange="afficheListe('list_Quantite_8');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_8" class="quantite" style="display:none;">
<select name="Quantite_8" onchange="afficheListe('list_Produit_9');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br>
	
<div class="conteneur_listes">

<div id="list_Produit_9" class="produit" style="display:none;">
<select name="Produit_9" onchange="afficheListe('list_Quantite_9');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_9" class="quantite" style="display:none;">
<select name="Quantite_9" onchange="afficheListe('list_Produit_10');">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br>
	
<div class="conteneur_listes">

<div id="list_Produit_10" class="produit" style="display:none;">
<select name="Produit_10" onchange="afficheListe('list_Quantite_10');">  
    <option value="Aucun"> S&eacute;lectionnez votre produit </option>
    <option value="produit 1" > Produit 1</option>
    <option value="produit 2"> Produit 2</option>
	<option value="produit 3" > Produit 3</option>
    <option value="produit 4"> Produit 4</option>
	<option value="produit 5" > Produit 5</option>
    <option value="produit 6"> Produit 6</option>
	<option value="produit 7" > Produit 7</option>
    <option value="produit 8"> Produit 8</option>
	<option value="produit 9" > Produit 9</option>
    <option value="produit 10"> Produit 10</option>
</select> 
</div>

<div id="list_Quantite_10" class="quantite" style="display:none;">
<select name="Quantite_10">
    <option value="0" selected> Quantit&eacute; </option>
    <option value="1" > 1 </option>
	<option value="2"> 2 </option>
	<option value="3" > 3 </option>
	<option value="4"> 4 </option>
    <option value="5" > 5 </option>
	<option value="6"> 6 </option>
	<option value="7" > 7 </option>
	<option value="8"> 8 </option>
	<option value="9" > 9 </option>
	<option value="10"> 10 </option>
</select>	
</div>	
</div>	

	<br>
	<br>
</div>

	<br>
	<br>


<center>

<center>
<!-- lignes ci dessousil faut que tu mettes des " pour chaque valeur des arguments des balises <input comme la premiere ligne -->
<input type="hidden" name="Client" value="Coordonn&eacute;es" >
<div id="formulaire">
<table>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Civilit&eacute; :</font></font></td>
<td><input type="radio" name="Civilit&eacute;" value="Madame">Madame
<input type="radio" name="Civilit&eacute;" value="Mademoiselle">Mademoiselle
<input type="radio" name="Civilit&eacute;" value="Monsieur">Monsieur</td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre Nom :</font></font></td>
    <td><input type=text name=Nom size=30></td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre Pr&eacute;nom :</font></font></td>
    <td><input type=text name=Pr&eacute;nom size=30></td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre adresse e-mail :</font></font></td>
    <td><input type=text name=E-mail size=30></td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre n° de t&eacute;l&eacute;phone :</font></font></td>
    <td><input type=text name=T&eacute;l&eacute;phone size=30></td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre adresse (n° et rue):</font></font></td>
    <td><input type=text name=Adresse size=30></td></tr>
<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre ville :</font></font></td>
    <td><input type=text name=Ville size=30></td></tr>
	<tr><td><FONT COLOR="#000000"><font face="Verdana" size="2">Votre code postal :</font></font></td>
    <td><input type=text name=Code-postal size=30></td></tr>
	<tr><td colspan=2><FONT COLOR="#000000"><font face="Verdana" size="2">Commentaires :</font></font><br>
  <textarea COLS=50 ROWS=6 name=Commentaires></textarea>
</td></tr>
</table>
</div>

</center>

	<br>

<center><FONT COLOR="#989898"><font face="Verdana" size="2">Apr&egrave;s avoir appuyer sur le bouton "Commander", blablabla</font></font></center>

	<br>

<center><input type="submit" value="Commande"></center>

Aide pour liste déroulante

31 réponses

Discussions similaires