Sujet Précédent Sujet Suivant

Aide pour liste déroulante

toto560 -  
Alain_42 Messages postés 5413 Statut Membre -
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
A voir également:

31 réponses

  • 1
  • 2
Réponse 1 / 31
hani_ Messages postés 346 Statut Membre 20
 
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.
0
Réponse 2 / 31
toto560 Messages postés 227 Date d'inscription   Statut Membre Dernière intervention   5
 
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>
0
Réponse 3 / 31
Alain_42 Messages postés 5413 Statut Membre 894
 
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
0
Réponse 4 / 31
toto560 Messages postés 227 Date d'inscription   Statut Membre Dernière intervention   5
 
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.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 31
toto560 Messages postés 227 Date d'inscription   Statut Membre Dernière intervention   5
 
?
0
Alain_42 Messages postés 5413 Statut Membre 894
 
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
0
Réponse 6 / 31
Alain_42 Messages postés 5413 Statut Membre 894
 
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>
0
Réponse 7 / 31
toto560 Messages postés 227 Date d'inscription   Statut Membre Dernière intervention   5
 
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.
0
Alain_42 Messages postés 5413 Statut Membre 894
 
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
0
Réponse 8 / 31
toto560 Messages postés 227 Date d'inscription   Statut Membre Dernière intervention   5
 
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.
0
Alain_42 Messages postés 5413 Statut Membre 894
 
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 />
0
Réponse 9 / 31
toto560 Messages postés 227 Date d'inscription   Statut Membre Dernière intervention   5
 
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>
0
Réponse 10 / 31
toto560 Messages postés 227 Date d'inscription   Statut Membre Dernière intervention   5
 
?
0
Réponse 11 / 31
Alain_42 Messages postés 5413 Statut Membre 894
 
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>
0
Réponse 12 / 31
toto560 Messages postés 227 Date d'inscription   Statut Membre Dernière intervention   5
 
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.
0
Alain_42 Messages postés 5413 Statut Membre 894
 
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
0
Réponse 13 / 31
Alain_42 Messages postés 5413 Statut Membre 894
 
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;
		}
0
Réponse 14 / 31
toto560 Messages postés 227 Date d'inscription   Statut Membre Dernière intervention   5
 
Bonsoir,

désolé mais ça ne marche toujours pas.
0
Réponse 15 / 31
toto560 Messages postés 227 Date d'inscription   Statut Membre Dernière intervention   5
 
?
0
Alain_42 Messages postés 5413 Statut Membre 894
 
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.
0
Réponse 16 / 31
toto560 Messages postés 227 Date d'inscription   Statut Membre Dernière intervention   5
 
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
0
Alain_42 Messages postés 5413 Statut Membre 894
 
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
0
Réponse 17 / 31
toto560 Messages postés 227 Date d'inscription   Statut Membre Dernière intervention   5
  
<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>
0
Réponse 18 / 31
Alain_42 Messages postés 5413 Statut Membre 894
 
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
0
Réponse 19 / 31
toto560 Messages postés 227 Date d'inscription   Statut Membre Dernière intervention   5
 
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>
0
Réponse 20 / 31
Alain_42 Messages postés 5413 Statut Membre 894
 
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>
0

Discussions similaires

Suppression listes déroulantes
Archa -
Sam -

5 réponses
Supprimer liste déroulante Excel
SamAlex -
b@bd -

8 réponses
Effacer le contenue d'une cellule avec liste déroulante
lebutters -
lebutters -

7 réponses
Effacer liste déroulante
gabrielle -
jmps -

3 réponses