Problème avec Javascript (formulaire et liste

Question

Bonjour à tous, Mon problème concerne les listes déroulantes: J'ai deux champs dans mon formulaire Ce que je voudrais c'est que lorsque l'utilisateur choisit l'option2 du champ1, un nouveau choix apparaisse dans le champ2 (ex:optionC) Merci d'avance pour votre aide

flokocha · Answer

Regarde par ici:http://www.commentcamarche.net/forum/affich-587281-Menu-deroulant-php

Jackson27 · Answer

Merci je crois avoir à peu près compris. Je vais m'y mettre dès maintenant.;-) Par contre j'aurai encore besoin d'aide, mais cette fois c'est un peu plus compliqué. Il s'agit toujours de javascript et de formulaire. Ce que je cherche c'est un formulaire à au moins trois champs: - le premier, qui ne soit pas modifiable par le visiteur, dans lequel apparait un nombre défini dans un formulaire précédent à partir d'une sélection. Je m'explique: Imaginons que l'utilisateur sélectionne Non (il l'as fait expres:-)). Il valide et là il est emmené vers le formulaire2 avec les trois champs en question. Dans le premier champ si le visiteur a choisi Oui je voudrais qu'il y ait le nombre 20, s'il a choisi Non, le nombre 10. Ensuite dans les champs suivants (champ2 et 3) j'aimerais qu'ils soient remplis, par défaut, par le chiffre 0. Ensuite il faudrait que dans chacun des champs soit present "deux boutons" (par exemple un + et un - ou alors des fleches). Ainsi lorsque l'on clique sur + d'un des deux champs, celui-ci se crédite d'une unité et que parallèlement le champ1 (avec les 20 ou10) perdent une unité. Et ainsi de suite jusqu'a ce que la totalité des points du premier ait été répartis dans les deux autres. J'espère que vous comprendrez et que vous pourrez me filer un coup de main. Merci d'avance pour votre aide.

flokocha · Answer

Ben il te suffit de faire un script de traitement en php du type $_POST["question"]; if ($question==1) { $value=20; } if ($question==2) { $value=10; } Ensuite dans ton formulaire pour ton champ 1 tu écris: > En ce qui concerne l'incrémentation, tu fais une fonction JavaScript appelée lors de l'évênement onClick sur chaque bouton, par exemple pour le bouton plus: function plus() { document.nomduform.champ1.value--; document.nomduform.champ2.value++; }

Jackson27 · Answer

Merci beaucoup ça va vraiment m'aidé pour la suite.Encore une dernière petite chose et je crois que ce sera bon:Il faudrait enfin que lorsque tous les points ont été dépensés ( c'est-à-dire lorsque le champ 1 arrive à zéro) et si le visiteur clique une nouvelle fois sur l'un des boutons plus, il y est un message d'alerte du style: "Tous vos points ont été dépensés"Merci encore pour ton aide

flokocha · Answer

Et bien dans ta fonction tu rajoutes au tout début un test pour savoir s'il reste encore des points:function plus(){if (document.nomduform.champ1.value==0){  alert("Tous vos points ont été dépensés");}else{  document.nomduform.champ1.value--;  document.nomduform.champ2.value++;}}

Jackson27 · Answer

Merci pour ça!Par contre je n'ai pas résolu mon premier problème.J'ai quelques difficultés à comprendre avec le lien que tu m'as donné.Est- ce que tu pourrais m'expliquer un peu plus en details le fonction à utiliser dans head et son application dans body.Merci d'avance

flokocha · Answer

Tu places dans les balises head la fonction qui va changer ta liste déroulante.Ensuite dans la liste déroulante qui déterminera le changement de l'autre liste, tu places dans la balise select l'option onChange="nomdetafonction();" .Je ne sais pas ce que tu veux faire exactement donc je ne peux pas t'aider plus pour la réalisation de ta fonction.

Fist of Fury · Answer

Deja desole mais j'ai des difficultes à me connecter sur le site. Donc pour en revenir à mon probleme: J'ai ma fonction; Ce que je ne comprends pas c'est comment je dois indiquer les valeurs de ma deuxième liste et actualiser la page. Plus precisement je ne vois pas trop la syntaxe à utiliser. J'ai essayé en ajoutant "bêtement" le code html de ma deuxième liste mais ca n'a rien donné. Ah oui et aussi qu'est-ce que ca veut dire le "[0]" placé après "forme". Encore une chose à laquelle je viens de penser: Imaginons que ds mon formulaire il y est 1 champ avec 2 options possibles. par ex: Si le visiteur choisit "Homme" et valide le formulaire, j'aimerais que, par ex, le nombre 10 soit stocké dans une base de données mysql, c'est-à-dire dans une table et dans un enregistrement que j'aurai auparavant crées. Comment puis-je faire à ton avis? A nouveau merci d'avance.

flokocha · Answer

Pour ce qui est de form[0], tu oublies, c'était juste un exemple du post je t'ai filé. Il faut que tu remplaces ça par le nom que tu as donné à ton form. Pour ce qui est de ta fonction, ça devrait donner quelque chose comme ça si je ne me trompe pas : function change_menu_2() { if(document.nomdetonform.champ2.option.value == 'valeur2') { document.nomdetonform.nomdetonchamp.innerHTML = ""; } } Pour ce qui est de ton dernier point, je ne comprends pas du tout ce que tu veux faire. Veux-tu qu'à chaque fois que l'on choisit "homme", on incrémente un champ d'un enregistrement de 10?

Jackson27 · Answer

Je vais de m'expliquer un peu mieux.Admettons que je crée 2 tables:create table table1 (description VARCHAR(32))create table table2 (points VARCHAR(32))J'ai pris volontairement 2 tables distinctes et non une table avec les 2 champs réunis.Donc revenons à mon formulaire:Le visiteur choisit "homme", valide, cette valeur s'insère en tant que nouvel enregistrement du champ "description" (ça je sais faire). Et en même temps je souhaiterais que dans le champ "points" (jeu de mots!:-)) s'insère un nouvel enregistrement qui serait 10.J'espère que j'ai été un peu plus clair.

flokocha · Answer

PTDR pour le champ "points" !!!Mais ça n'a pas de sens! Tu vas n'avoir qu'une serie de 10 dans ce fameux champ!De plus si tu sais déjà comment faire pour insérer un nouvel enregistrement dans "description", je ne comprends pas pourquoi tu bloques pour effectuer la même opération dans "points"! C'est exactement le même principe...

Jackson27 · Answer

C'est juste un exemple le champ "points" et l'enregistrement 10; dans ma table j'aurais bien plus de champs et d'enregistrements.En fait d'habitude ce que je fais c'est que j'insère l'enregistrement en fonction du résultat du formulaire:$description = $_POST["description"]mysql_connect();mysql_select_db();$requete = "INSERT INTO table1 (description)                            VALUES ('$description')";...etcMon problème c'est que je ne sais pas vraiment comment faire lorsque la variable est choisit par moi et non plus par celui qui rempli le formulaire.C'est surtout que je ne sais pas comment l'écrire. C'est un de mes principals problèmes en programmation js et php, je ne connais pas bien la syntaxe.

flokocha · Answer

Et bien c'est tout simplement INSERT INTO table2 (points) VALUES ('10')

Jackson27 · Answer

Ah ouai ok! C'est tout bête en faitMerci bien!

flokocha · Answer

C'est bien pour ça que je comprenais pas pourquoi tu bloquais la dessus.

Jackson27 · Answer

Arghhhh! Decidement rien ne va plus. Je suis en train de me casser la tête sur mon formulaire. Voila le contenu d'une partie de ma page, formulaire compris

Jackson27 · Answer

Et à l'inverse: si on re-choisit l'option "masculin",  l'option "geisha" disparaisse

flokocha · Answer

Cette ligne est incorrecte: document.forme.classe.innerHTML = ""; Si tu rouvres des guillemets à l'intérieur d'une chaîne, c'est interprété comme si tu fermais les premières guillemets. Il faut donc utiliser des quotes et des guillemets pour que cela fonctionne: document.forme.classe.innerHTML = "";

Jackson27 · Answer

marche toujours pas :-(

flokocha · Answer

T'as quoi comme message d'erreur?

flokocha · Answer

Ah oui et c'est pas document.forme.sexe.option.value mais document.forme.sexe.value

Jackson27 · Answer

Message d'erreur:Ligne: 17Car: 1Erreur: objet attenduCode: 0et la ligne 17 correspond à:<select name="sexe" onChange="change_menu_2();">

flokocha · Answer

Ok j'ai compris on va s'y prendre autrement.

Mets ça comme fonction dans les balises <head> à la place de celle que tu as:

function change_menu_2() 
{ 
if(document.forme.sexe.value == 'f') 
{
var geisha = new Option("Geisha","geisha");
var select = document.forme.classe;
select.options[select.options.length] = geisha; 
} 
}

Problème avec Javascript (formulaire et liste

23 réponses

Votre réponse

Discussions similaires

Newsletters