premier test de Javascript

Version imprimable

Bonjour,

je viens de décider d'apprendre le javascript. Pour ce faire, j'ai acheté sur Amazon un pavé (1000 pages). J'ai fait un premier code en m'inspirant d'un de leurs exemples, mais ça marche mal : est-ce que qqun pourrait me dire quel le pb ds mon code ?
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 <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>test</title> </head> <body> <form name="essai"> <table> <tbody> <tr> <td>donnée :</td> <td><input name="test" onchange="fct();" type="text"></td> </tr> <tr> <td><input value="faire le test" onclick="fct();" type="button"></td> </tr> <tr> <td>test : <span id="test2"></span></td> </tr> </tbody> </table> </form> <script language="JavaScript"> function fct() { var test = document.getElementById("test"); test2.innerHTML = test; } </script> </body> </html>
Le fichier correspondant.

08/05/2008, 16h40
Philippe PONS

Essai ça:

function fct() {
// tu récupères une référence à l'élément SPAN
var test2 = document.getElementById("test");
// tu insères une chaine de caractère dans cet élément
test2.innerHTML = "test"; // entre guillmemets, la chaine!!
}

Pas testé!

Philippe
08/05/2008, 16h56
laurentSc

Ca marche, mais ça ne produit pas ce qu'il faut : au lieu de réafficher la valeur saisie ds "test", ça affiche la chaîne de caractères "test"...

Il te faut un id a ton input, et puis ceci

Code:

1
2
3
4
5
 
function fct() {
var test = document.getElementById("test");
document.getElementById("test").innerHTML = test;
}

pas tester non plus ^^

edit:

tu veus faire ca ?

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
 
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>test</title>
</head>
<body>
<form name="essai">
  <table>
    <tbody>
      <tr>
        <td>donn&eacute;e :</td>
        <td><input id="test" name="test" type="text"></td>
      </tr>
      <tr>
        <td><input value="faire le test"
 onclick="fct()" type="button"></td>
      </tr>
      <tr>
        <td>test : <span id="test2"></span></td>
      </tr>
    </tbody>
  </table>
</form>
<script language="JavaScript">
function fct() {
var test = document.getElementById("test").value;
document.getElementById("test2").innerHTML = test;
}
</script>
</body>
</html>

ca devrai marcher.

ou bien si tu veu un résultat directement a la saisi du text :

Code:

1
2
 
<input id="test" name="test" onKeyUp="fct()" type="text">

08/05/2008, 17h20
laurentSc

Il n'y a pas d'id ds les "input" des formulaires ; j'ai qd même essayé, mais au lieu de me réafficher la valeur saisie ds "test", il écrit :"[object]"

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0056)http://laurentschmitt18.free.fr/testjavascript/test.html -->
<HTML><HEAD><TITLE>test</TITLE>
<META http-equiv=content-type content="text/html; charset=ISO-8859-1">
<META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD>
<BODY>
<FORM name=essai>
<TABLE>
  <TBODY>
  <TR>
    <TD>donnée :</TD>
    <TD><INPUT onchange=fct();type=text name="test" id="test" ></TD></TR>
  <TR>
    <TD><INPUT onclick=fct(); type=button value="faire le test"></TD></TR>
  <TR>
    <TD>test2 : <SPAN id=test2></SPAN></TD></TR></TBODY></TABLE></FORM>
<SCRIPT language=JavaScript>
function fct() {
 
test2.innerHTML =document.getElementById("test").value ;
}
</SCRIPT>
</BODY></HTML>

08/05/2008, 19h32
laurentSc

Cette fois, ça marche ; merci. Mais visiblement, ce n'est pas simple. Ce qui manquait, c'est apparemment le ".value"...