Probleme d'incrémentation

Version imprimable

Heeep alors voila j'ai un probleme d'incrémentation.. j'aimerais kan je click sur + que un nombre soit incrémenter d'une valeur..

Voila mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <SCRIPT language="Javascript">  </SCRIPT> </head> <body bgcolor="#FFFFFF" text="#000000"> <p><a href="javascript:augmente()">+</a></p> <p><script>document.write(nb)</script></p> </body> </html>
Merci d'avance et dsl je poser des kestion comme ca paske ca doit etre basique mé j'ai vraiment aucune idée.. :oops:

06/12/2004, 13h44
SpaceFrog

normal le document write étant dans le body il ne s'effectue qu'au chargement...

deux solutions soit tu remonte le document.write dans la fonction mais tu risque d'avoir un problème de mise à jour de page.
soit tu mets un input text en readonly ou tu modifies le innerHTML d'une zone ...
06/12/2004, 14h03
roots_man

oki merci...

en gros:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT language="Javascript">
 
nb = 12 ;
function augmente()
{
nb = nb + 2;
document.getElementById('increment').value=nb;
}
</SCRIPT>
</head>
 
<body bgcolor="#FFFFFF" text="#000000">
<a href="javascript:augmente()">+</a><br/>
 
<input type="text" readonly style="border:0;" name="increment" />
 
</body>
</html>

ou encore avec les names:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT language="Javascript">
 
nb = 12 ;
function augmente()
{
nb = nb + 2;
document.myform.increment.value=nb;
}
</SCRIPT>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<a href="javascript:augmente()">+</a>
<form name="myform">
<br/>
<input type="text" readonly style="border:0;" name="increment" />
</form>
</body>
</html>