Aide pour liste déroulante

Question

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

hani_ · Answer

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.

toto560 · Answer

Voici le code que j'ai fait :

Choississez votre produit

Alain_42 · Answer

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

à qq erreurs de frappe près

toto560 · Answer

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.

toto560 · Answer

?

Alain_42 · Answer

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

toto560 · Answer

HA, merci Alain_42, c'est déjà beaucoup mieux. Voila le code une fois modifier :

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.

toto560 · Answer

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.

toto560 · Answer

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.

"> Choisissez votre produit

Après avoir appuyer sur le bouton "Commander", il est impossible de faire marche arrière.

toto560 · Answer

?

Alain_42 · Answer

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

"> Choisissez votre produit

Après avoir appuyer sur le bouton "Commander", il est impossible de faire marche arrière.

toto560 · Answer

Bonsoir,

Il y a un petit problème avec le code :

une fois que j'ai sélectionner un produit et la quantité qui va avec, un nouveau produit s'affiche, jusque la normale, mais si le client ne veut commander qu'un seul produit et qu'il clique sur commander, on lui demande de sélectionner la quantité qui va avec le dernier produit.

Et pourquoi changer le name="Quantité", car l'accent s'affiche normalement ? Et en plus sa fait plus beau dans le mail.

Voilà.

Merci.

Alain_42 · Answer

mais si tu veux absolument garder name="Quantit&eacute;_

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;
		}

toto560 · Answer

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

toto560 · Answer

?

toto560 · Answer

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

"> Choisissez votre produit...

Civilité :	Madame Mademoiselle Monsieur
Votre Nom :
Votre Prénom :
Votre adresse e-mail :
Votre n° de téléphone :
Votre adresse (n° et rue):
Votre ville :
Votre code postal :
Commentaires :

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

toto560 · Answer

Alain_42 · Answer

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 &eacute;

et modifies la fonction Js pour tester Quantite_

chez moi ça marche comme ça sans les accents

toto560 · Answer

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 ? :

"> Choisissez votre produit...

Civilité :	Madame Mademoiselle Monsieur
Votre Nom :
Votre Prénom :
Votre adresse e-mail :
Votre n° de téléphone :
Votre adresse (n° et rue):
Votre ville :
Votre code postal :
Commentaires :

Après avoir appuyer sur le bouton "Commander", blablabla

Alain_42 · Answer

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

"> Choisissez votre produit...

Civilité :	Madame Mademoiselle Monsieur
Votre Nom :
Votre Prénom :
Votre adresse e-mail :
Votre n° de téléphone :
Votre adresse (n° et rue):
Votre ville :
Votre code postal :
Commentaires :

Après avoir appuyer sur le bouton "Commander", blablabla

toto560 · Answer

Bonjour,



Merci beaucoup beaucoup, le code marche enfin ;-) .

Pouvez-vous aussi me dire comment faire pour les accents dans les "name", vous m'aviez parler de php.

Merci.

toto560 · Answer

Désolé mais je ne comprend pas très bien, je dois mettre ça dans mail.php ?

toto560 · Answer

Et si je fait ça, il faut supprimer quelque chose dans la page avec les listes déroulantes ?

Alain_42 · Answer

non pourquoi veux tu supprimer qq chose dans ta page de saisie des Produits / quantité


Ta page des listes deroulantes sera remplie par le client, qd il cliques sur commander les infos sont envoyées vers le script mail.php

ce script les récupères comme dans l'exemple que je t'ai donné, tu fais pareil pour tous les produits et quantités


et ensuite par la fonction mail() ça envoie le mail

si tu ne connais pas cette fonction vas voir :

http://www.commentcamarche.net/faq/sujet 117 php fonction mail

toto560 · Answer

Mais ça ne vas pas m'envoyer l'information 2 fois ?

toto560 · Answer

Bonsoir,

oui normalement il accepte le php. Sinon comment vérifier ?

Pouvez-vous me placer un exemple sur ce code ?

<?php
$TO = "t@mail.fr";

$h  = "From: " . $TO;

$message = "";

while (list($key, $val) = each($HTTP_POST_VARS)) {
  $message .= "$key : $val
";
}

mail($TO, $Commande, $message, $h);

Header("Location: http://www..../merci1.html");

?>

Dalida · Answer

salut,

en passant, a-tu un outil pour déboguer le Javascript ?
utilise FireBug pour Firefox il t'indiquera les erreurs à l'exécution.

Alain_42 · Answer

<?php
$TO = "t@mail.fr";

$h  = "From: " . $TO;

$message = "";
foreach($_POST as $key=>$val) {
	$key=str_replace("Quantite_","Quantit&eacute; ",$key);
	$key=str_replace("Produit_","Produit ",$key);
	
	$message .= "$key : $val
";
}
//Verification
//echo $message;

//envoi du mail  
$env_mail=mail($TO, $Commande, $message, $h);

//message
if($env_mail){ //si mail envoyé
	Header("Location: http://www..../merci1.html");
}else{
	echo "Votre commande n'a pas pu êtres transmise";
}

?>

Alain_42 · Answer

petit complément du matin:


<?php
$TO = "t@mail.fr";

$header  = "From: " . $TO;
$sujet="Commande";
$message = "";
foreach($_POST as $key=>$val) {
	$key=str_replace("Quantite_","Quantit&eacute; ",$key);
	$key=str_replace("Produit_","Produit ",$key);
	if($val != "Aucun" && $val != "0" && $val != "Commande"){
		// on ne prend en compte que les listes ou il y a eu une selection
		//lke bouton Commande est lui aussi posté on ne l'affiche pas non plus
		//car meme si elles ne sont pas affichees dasn le fromulaire elles sont postees qd meme
		$message .= "$key : $val
";
	}
}
//Verification du message: pour visualiser ce qui va etre envoyer decommente la ligne 19 ci dessous
//et mets en commentaires toute les lignes 22 à 30
//echo nl2br($message);

//envoi du mail  
$env_mail=mail($TO, $sujet, $message, $header);

//message
if($env_mail){ //si mail envoyé
	Header("Location: http://www..../merci1.html");
}else{
	echo "Votre commande n'a pas pu êtres transmise";
}

?>

toto560 · Answer

Bonjour,

merci encore pour ce code qui marche très bien, c'est exactement ce que je voulais.

Il y a juste un petit problème, quand je reçois le mail, les quantités sont écrits : Quantit&eacute; 1 :      etc...


Et je voudrais aussi savoir si il était possible d'espacer à la fin de chaque quantité dans le mail.



Merci beaucoup.

Alain_42 · Answer

Oui c'est vrai que ce n'est pas un mail au format HTML

tu vois heureusement que l'on a pas laissé Quantit&eacute; dans les noms des listes

je t'ai modifié ça

ensuite pour l'espace je pense que tu veux dire sauter une ligne ?

j'ai aussi sauté une ligne après Commande_numéro


<?php
$TO = "t@mail.fr";

$header  = "From: " . $TO;
$sujet="Commande";
$message = "";
foreach($_POST as $key=>$val) {
	$key=str_replace("Quantite_","Quantité ",$key);
	$key=str_replace("Produit_","Produit ",$key);
	if($val != "Aucun" && $val != "0" && $val != "Commande"){
		// on ne prend en compte que les listes ou il y a eu une selection
		//lke bouton Commande est lui aussi posté on ne l'affiche pas non plus
		//car meme si elles ne sont pas affichees dasn le fromulaire elles sont postees qd meme
		$message .= "$key : $val
";
		//generation d'une ligne vide apres la Quantite ou la ligne numéro de commande
		if(ereg("Quantité",$key) OR ereg("Commande_numéro",$key)){
			$message .= "
";
		}
	}
}
//Verification du message: pour visualiser ce qui va etre envoyer decommente la ligne 19 ci dessous
//et mets en commentaires toute les lignes 25 à 33
//echo nl2br($message);

//envoi du mail  
$env_mail=mail($TO, $sujet, $message, $header);

//message
if($env_mail){ //si mail envoyé
	Header("Location: http://www..../merci1.html");
}else{
	echo "Votre commande n'a pas pu êtres transmise";
}

?>

Aide pour liste déroulante

31 réponses

Votre réponse

Discussions similaires

Newsletters