[POO] Formulaire HTML + fonction JS = Erreur

Version imprimable

23/11/2004, 18h56
bdaboah

[POO] Formulaire HTML + fonction JS = Erreur

Bonsoir,

Je voudrais saisir deux valeurs dans 2 zones de textes et les afficher dans une "alert()".
Je veux placer l'alert dans une fonction car ce n'est qu'un exemple.
Donc voici mon formulaire :

Citation:

<FORM NAME="mon_formulaire">
Valeur A <INPUT TYPE="text"NAME="val_a">
Valeur B <INPUT TYPE="text"NAME="val_b">

<input type="button"VALUE="Valider"ONCLICK="afficher(val_a,val_b)">

Voici le code JS que j'ai mi dans le <HEAD> :

Citation:

<script language="JavaScript">
var a,b,val_a,val_b;
function afficher(a,b)
{
alert(a);
alert(b);}
</script>

Lorsque j'exécute tout ça, il me viens une boite avec l'icône du point d'exclamation et il y a marqué : [object].

Comme je suis débutant en programmation, peut être que je me suis trompé dans le passage des paramêtres pour la fonction.

Merci de me répondre... :)

Voilà les différents moyens de passer des paramètres à une fonction

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
//----------- Transmission de paramètres = valeurs
function afficher(a,b) { 
alert(a); 
alert(b);
} 
 
//----------- Transmission de paramètres = objets
function afficher2(a,b) { 
alert(a.value); 
alert(b.value);
}
//-->
</script>
 
</head>
<body>
<!-- transmission de valeurs -->
<FORM NAME="mon_formulaire"> 
Valeur A <INPUT TYPE="text" NAME="val_a" ID="val_a"> 
Valeur B <INPUT TYPE="text" NAME="val_b" ID="val_b"> 
<input type="button"VALUE="Valider"ONCLICK="afficher(document.getElementById('val_a').value,document.getElementById('val_b').value)"> 
</FORM>
<!-- transmission de valeurs -->
<FORM NAME="mon_formulaire1"> 
Valeur A <INPUT TYPE="text" NAME="val_a1" ID="val_a1"> 
Valeur B <INPUT TYPE="text" NAME="val_b1" ID="val_b1"> 
<input type="button"VALUE="Valider"ONCLICK="afficher(val_a1.value,val_b1.value)"> 
</FORM>
<br>
<!-- transmission d'objets -->
<FORM NAME="mon_formulaire2"> 
Valeur A <INPUT TYPE="text" NAME="val_a2" ID="val_a2"> 
Valeur B <INPUT TYPE="text" NAME="val_b2" ID="val_b2"> 
<input type="button"VALUE="Valider"ONCLICK="afficher2(document.getElementById('val_a2'),document.getElementById('val_b2'))"> 
</FORM>
<!-- transmission d'objets -->
<FORM NAME="mon_formulaire3"> 
Valeur A <INPUT TYPE="text" NAME="val_a3" ID="val_a3"> 
Valeur B <INPUT TYPE="text" NAME="val_b3" ID="val_b3"> 
<input type="button"VALUE="Valider"ONCLICK="afficher2(val_a3,val_b3)"> 
</FORM>
</body>
</html>

23/11/2004, 19h40
bdaboah

Merci beaucoup de m'avoir répondu aussi vite.

Juste un dernier truc : Comment je peux faire pour afficher une variable qui se trouve ds la fonction dans une zone de texte d'un formulaire ?

:D
23/11/2004, 19h44
badaze

J'ai pas compris.
23/11/2004, 20h41
bdaboah

en fait les 2 valeurs qui sont dans ma procédure
je vais les comparer
et afficher la plus grande dans une autre zone de texte

mais je sais pas comment faire pour metre cette valeurs ds le formaulaire

Tu peux faire comme ça....

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
//----------- Transmission de paramètres = valeurs
function afficher(a,b) { 
 if (a > b) {
  document.getElementById('mondiv').innerHTML = a;
	document.getElementById('montext').value    = a;
 } else {
  document.getElementById('mondiv').innerHTML = b;
	document.getElementById('montext').value    = b; 
 }
} 
 
//----------- Transmission de paramètres = objets
function afficher2(a,b) { 
 if (a.value > b.value) {
  document.getElementById('mondiv').innerHTML = a.value;
	document.getElementById('montext').value    = a.value;
 } else {
  document.getElementById('mondiv').innerHTML = b.value;
	document.getElementById('montext').value    = b.value; 
 }
}
//-->
</script>
 
</head>
<body>
<!-- transmission de valeurs -->
<FORM NAME="mon_formulaire"> 
Valeur A <INPUT TYPE="text" NAME="val_a" ID="val_a"> 
Valeur B <INPUT TYPE="text" NAME="val_b" ID="val_b"> 
<input type="button"VALUE="Valider"ONCLICK="afficher(document.getElementById('val_a').value,document.getElementById('val_b').value)"> 
</FORM>
<!-- transmission de valeurs -->
<FORM NAME="mon_formulaire1"> 
Valeur A <INPUT TYPE="text" NAME="val_a1" ID="val_a1"> 
Valeur B <INPUT TYPE="text" NAME="val_b1" ID="val_b1"> 
<input type="button"VALUE="Valider"ONCLICK="afficher(val_a1.value,val_b1.value)"> 
</FORM>
<br>
<!-- transmission d'objets -->
<FORM NAME="mon_formulaire2"> 
Valeur A <INPUT TYPE="text" NAME="val_a2" ID="val_a2"> 
Valeur B <INPUT TYPE="text" NAME="val_b2" ID="val_b2"> 
<input type="button"VALUE="Valider"ONCLICK="afficher2(document.getElementById('val_a2'),document.getElementById('val_b2'))"> 
</FORM>
<!-- transmission d'objets -->
<FORM NAME="mon_formulaire3"> 
Valeur A <INPUT TYPE="text" NAME="val_a3" ID="val_a3"> 
Valeur B <INPUT TYPE="text" NAME="val_b3" ID="val_b3"> 
<input type="button"VALUE="Valider"ONCLICK="afficher2(val_a3,val_b3)"> 
</FORM>
<div id="mondiv"></div><br>
<input type="text" id="montext" size"50">
</body>
</html>

23/11/2004, 21h59
bdaboah

OKI merci vé étudier se que ta fais merci encore