Formulaire avec alert en fonction de l'option

Version imprimable

17/06/2008, 00h43
nassshole

Formulaire avec alert en fonction de l'option

Boujour Boujour!

J'ai un problem avec un code HTML / javascript que je suis incapable de faire fonctionner alors j'ai figuré que je m'y prend de la mauvaise façon et c'est pourquoi j'ai atteris ici:mouarf:

J'essaie de faire un formulaire avec plusieurs options dont chacune aurait une alert different

Ex: Choisir option 1, cliquer sur le bouton submit, alert#1!
Choisir option 2, cliquer sur le bouton submit, alert#2!
etc.

Quelqu'un serait-il moins noob que moi :king: ?
17/06/2008, 10h57
laurentibus

Citation:

Envoyé par nassshole

J'essaie de faire un formulaire avec plusieurs options dont chacune aurait une alert different
Ex: Choisir option 1, cliquer sur le bouton submit, alert#1!
Choisir option 2, cliquer sur le bouton submit, alert#2!

deja si tu ne souhaite faire que des alert pas besoin de bouton submit .... car ils servent a transmettre un formulaire (des données) .........
je te conseille d utiliser de simple bouton et d'y attribuer l'evenement onClick
par ex : onclick="envoiMessage();"
et de faire tes fonctions javascript ensuite :
function envoiMessage()
{
alert('ton message');
}
c' est pas indente ou identé comme dirai certain mais je pense que tu arrivera a comprendre ....
voila rien de bien compliquer :D

ps : je serais toi je ferais meme un evenement onChange sur chaque option comme ca tu les verifie des que le client les a changer.... et apres tu peux forcer le focus dessus pour qu il les change
ou alors si tu souhaite transmettre les infos de ton formulaire, un seul bouton submit et tu verifis tout lors de l envoie que tu peux annuler si les options ne sont pas bonnes ....

Code:

1 2 3 4 5 6 7 8 9 10 <form name="test"> <select name="ddd"> <option value="1"> Choix 1 </option> <option value="2"> Choix 2 </option> <option value="3"> Choix 3 </option> </select> <a href="#" onClick=" alert(document.forms.test.ddd.options[2].value) ">Go!</a> </form>
C'est ça lol. Ça marche pas mais j'pense pas l'avoir fait comme il faut (evidemment :roll:)

Alors bon, où va le Onclick et est-il correct?

"ps : je serais toi je ferais meme un evenement onChange sur chaque option comme ca tu les verifie des que le client les a changer.... et apres tu peux forcer le focus dessus pour qu il les change
ou alors si tu souhaite transmettre les infos de ton formulaire, un seul bouton submit et tu verifis tout lors de l envoie que tu peux annuler si les options ne sont pas bonnes .... "

Je te comprends pas très bien lol peux tu poster le code et l'expliquer svp :oops:

Merci pour les réponses!

Code:

1 2 3 4 5 6 7 8 9 10 <form name="test"> <select name="ddd"> <option value="1"> Choix 1 </option> <option value="2"> Choix 2 </option> <option value="3"> Choix 3 </option> </select> <a href="#" onClick="alert(document.test.ddd.options[2].value);">Go!</a> </form>
mais la ca va t afficher toujours la valeur de l option[2] c'est a dire 3 ........

je ne vois pas a quoi cela te sers .....

Citation:

Envoyé par nassshole

Je te comprends pas très bien lol peux tu poster le code et l'expliquer svp

alors déjà je sais pas ce que tu veux faire, ensuite documente toi un peu sur javascript et les événements si je te fais tout tu vas faire un copier coller sans rien comprendre et des qu il te faudra changer un pti truc tu seras pommer ..... franchement le javascript ca coule de source :D

voici comment je vois les choses

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<form name="test"> 
 
<select name="ddd" id="ddd"> 
  <option value="1"> Choix 1 </option>
  <option value="2"> Choix 2 </option> 
  <option value="3"> Choix 3 </option> 
</select> 
 
<a href="#" onClick="message();") ">Go!</a> 
</form>

Et ta fonction javascript

Code:

1
2
3
4
5
function message()
{
var valeur=document.getElementById('ddd').value;
alert("Ton choix:"+valeur);
}

Voilà je pense que ça t'aidera

@+:)

17/06/2008, 22h23
nassshole

Merci ça va mieux comme ça mais ce n'est pas exactement ce que je recherche. Dans le fond ce que je voudrais ça serait par exemple:

Options:

1+1 Go! Alert me donnerait 2
2+2 Go! Alert me donnerait 4
etc.

Pas juste afficher mon choix.

Encore une autre question, est possible de grossir le message a l'interieur de l'alert?

merci encore!
18/06/2008, 10h09
laurentibus

j ai pas compris tes 1+1 ou 2+2 :D
il faut que tu expliques bien ce que tu veux, plus en détails....

ensuite oui tu peux modifier la taille de la police de ta popup en paramétrant le style
comme dans une fenêtre normale :D

salut,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<form name="test"> 
 
<select name="ddd" id="ddd"> 
  <option value="1"> Choix 1 </option>
  <option value="2"> Choix 2 </option> 
  <option value="3"> Choix 3 </option> 
</select> 
 
<a href="#" onClick="alert(document.getElementById('ddd').
options[document.getElementById('ddd').selectedIndex].text);">Go!</a> 
</form>

18/06/2008, 13h49
E.Bzz

Citation:

Envoyé par laurentibus

ensuite oui tu peux modifier la taille de la police de ta popup en paramétrant le style
comme dans une fenêtre normale :D

Dans une pop, oui, mais il s'agit ici d'une alert() :roll:

Pas possible ...

A+
18/06/2008, 14h03
laurentibus

je savais bien que j'aurai des problèmes dans ma tête en buvant ce Melchizédec pour oublier la honte qui s'est abattu sur nous hier soir ..... autant pour moi nasshole.... :oops::oops:
19/06/2008, 03h44
nassshole

Dans le fond la, ce que je cherchais à faire, c'est comme un formulaire php qui va chercher des réponses dans une base de données mais en javascript sans base de données.

Est-ce plus clair? lol dsl

Ou bien serait-il moins compliqué de tout simplement faire un form avec la base normale?
19/06/2008, 08h39
tusssss

Non c'est pas clair du tout.

Tu veux un code qui fasse comme PHP avec une BdD mais avec Javascript et sans BdD, je ne vois pas vraiment comment tu peux faire la comparaison...
19/06/2008, 10h18
laurentibus

Citation:

Envoyé par nassshole

Est-ce plus clair?

oui c'est clair .... a peu pres comme si j 'avais bu 4 bouteilles de whisky au pti dej :D

dis nous ce que tu veux que ta page fasse, quel affichage tu veux, et quelles actions dans quel cas && cie ........ on veux tout savoir ;)
19/06/2008, 10h53
Thes32

salut nassshole,

peux tu parler en terme clair et plus compréhensible ?

Personne ne comprends ce que tu veux comme tu le constates
22/06/2008, 00h42
nassshole

hahaha dsl xD

Je vais essayer d'être plus clair.

#1:Je veux une page avec une fonction select (le menu deroulant)
#2:Je veux qu'en choisisant une des options dans le menu, une information texte pop up, apparaisse ou peu importe (si possible pas de chargement vers une autre page)
#3:L'information va être differente pour chacune des options dans le menu deroulant par contre.

Est-ce clair cette fois-ci?

Code:

1
2
3
4
5
<select name="ddd" id="ddd" onchange="fonctionChange(this)"> 
  <option value="1"> Choix 1 </option>
  <option value="2"> Choix 2 </option> 
  <option value="3"> Choix 3 </option> 
</select>

Puis en js :

Code:

1
2
3
4
5
6
function fonctionChange(elementChoisi){
    var resultatFonction;
    var resultat = elementChoisi.selectedIndex.text ;
    // reste de ton traitement
    alert(resultatFonction);
}

Bien entendu, resultatFonction est ce que tu veux afficher (à toi de définir)