[POO] Formulaire HTML + fonction JS = Erreur

**bdaboah** · 23/11/2004, 18h56

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 :

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

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...

**badaze** · 23/11/2004, 19h34

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**bdaboah** · 23/11/2004, 19h40

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 ?

**badaze** · 23/11/2004, 19h44

J'ai pas compris.

**bdaboah** · 23/11/2004, 20h41

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

**badaze** · 23/11/2004, 20h51

Tu peux faire comme ça....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**bdaboah** · 23/11/2004, 21h59

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

[POO] Formulaire HTML + fonction JS = Erreur

JavaScript

Discussions similaires

Partager

Partager