Placement code javascript

Version imprimable

Voici la fin de mon code.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <input type=button value=" Alert! Click ICI!" onClick="calcul_dead_volume1()"> <input type="text" name="Column_dead_volum1" id="Column_dead_volum1" /> <script type='text/javascript' language='javascript'> document.getElementById('Column_dead_volum1').value = calcul_dead_volume1 (); </script> </form> <script src="calcul_dead_volume1.js" type="text/javascript"></script> <script type="text/javascript"> alert (calcul_dead_volume1 ()); </script> </body> </html>
Si je place
Code:

1 2 3 4 <input type="text" name="Column_dead_volum1" id="Column_dead_volum1" /> <script type='text/javascript' language='javascript'> document.getElementById('Column_dead_volum1').value = calcul_dead_volume1 (); </script>
apres

Code:

<input type=button value=" Alert! Click ICI!" onClick="calcul_dead_volume1()">

Mon champ input est vide alors qu si je place le même code après

Code:

<input type=button value=" Alert! Click ICI!" onClick="calcul_dead_volume1()">

Il est rempli !!!

Quelqu'un pourrait t'il me dire pour quoi ?

Merci

21/04/2009, 14h21
SpaceFrog

il faut que l'objet soit instancié ...

si tu places le script appelant un objet avant qu'il n'existe ...
le code est interprété dans l'odre du flux ...
21/04/2009, 14h53
nicolasferraris

ok merci, mais comment je fais ça
21/04/2009, 15h01
emmanuel.remy

Mets ton script:

Code:

<script src="calcul_dead_volume1.js" type="text/javascript"></script>

en première position.

ERE
21/04/2009, 15h02
SpaceFrog

ou mets le code dans une fonction que tu appeleras dans le onload de la page

j'ai mis ça mais ça me renvoie NaN et le debogueur Javascript de firefox m'indique

Erreur : document.getElementById("columnID_1") is null
Ligne : 7

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
 
<script type="text/javascript">
var columnID_1_calc = document.getElementById('columnID_1').value;
var column_lenght_1_calc = document.getElementById('column_lenght_1').value;
var Eps_calc = 0.7;
var columnID_1_calc2 = columnID_1_calc.replace( ',' , '.' );
var columnID_1_calc3 = parseFloat(columnID_1_calc2,10);
var column_lenght_1_calc2 = column_lenght_1_calc.replace( ',' , '.' );
var column_lenght_1_calc3 = parseFloat(column_lenght_1_calc2,10);
var Eps_calc3 = parseFloat(Eps_calc,10);
</script>
 
 
<script type="text/javascript" src="calcul_dead_volume1.js"></script>
 
 
 
</head>
 
 
<body>
<form id="form1" name="form1" method="post" action="">
 
 <input type="text" name="Column_dead_volum1" id="Column_dead_volum1" />			
<script type='text/javascript' language='javascript'>
document.getElementById('Column_dead_volum1').value = calcul_dead_volume1 (columnID_1_calc3,column_lenght_1_calc3,Eps_calc3);
</script> 
<label>

Voici le contenu de mon input columnID_1

Code:

<input type="text" name="columnID_1" id="columnID_1" value="4,6" tabindex="2" />

21/04/2009, 16h26
SpaceFrog

column_lenght_1 ???
length
y'a pas un souci sur l'id ?
21/04/2009, 16h31
nicolasferraris

Non c'est normal.

mais je peux changer si tu penses qu'il peut y avoir conflit avec un mot réservé
21/04/2009, 17h21
SpaceFrog

tu es sur que ton id n'est pas

column_length_1

au lieu de

column_lenght_1
21/04/2009, 17h27
nicolasferraris

Oui je suis sur.
c'est une erreur de frappe mais elle est reproduite partout
21/04/2009, 17h28
SpaceFrog

alors utilise la console firebug de firefox pour voir quel est la variable qui pose problème

Voila ce que me renvoit la console

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
Erreur : document.getElementById("columnID_1") is null
Fichier source : file:///C:/wamp/www/transfert/test1.html
Ligne : 9
 ----------
Avertissement : assignment to undeclared variable dead_volum1_calc
Fichier source : file:///C:/wamp/www/transfert/calcul1.js
Ligne : 3
 ----------
Avertissement : assignment to undeclared variable dead_volum1_calc2
Fichier source : file:///C:/wamp/www/transfert/calcul1.js
Ligne : 4
 ----------
Avertissement : assignment to undeclared variable dead_volum1_calc3
Fichier source : file:///C:/wamp/www/transfert/calcul1.js
Ligne : 5

Je pense que le problème vient de la

Code:

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
var columnID_1_calc = document.getElementById('columnID_1').value;
var column_lenght_1_calc = document.getElementById('column_lenght_1').value;
var Eps_calc = 0.7;
var columnID_1_calc2 = columnID_1_calc.replace( ',' , '.' );
var columnID_1_calc3 = parseFloat(columnID_1_calc2,10);
var column_lenght_1_calc2 = column_lenght_1_calc.replace( ',' , '.' );
var column_lenght_1_calc3 = parseFloat(column_lenght_1_calc2,10);
var Eps_calc3 = parseFloat(Eps_calc,10);
</script>

car si je mets les valeurs en durs comme ceci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<script type="text/javascript">
//var columnID_1_calc = document.getElementById('columnID_1').value;
//var column_lenght_1_calc = document.getElementById('column_lenght_1').value;
var columnID_1_calc = 4.6;
var column_lenght_1_calc = 150;
 
var Eps_calc = 0.7;
//var columnID_1_calc2 = columnID_1_calc.replace( ',' , '.' );
var columnID_1_calc3 = parseFloat(columnID_1_calc,10);
//var column_lenght_1_calc2 = column_lenght_1_calc.replace( ',' , '.' );
var column_lenght_1_calc3 = parseFloat(column_lenght_1_calc,10);
var Eps_calc3 = parseFloat(Eps_calc,10);
</script>

ca marche

21/04/2009, 18h34
SpaceFrog

:roll::roll::roll::roll:

Citation:

il faut que l'objet soit instancié ...

si tu places le script appelant un objet avant qu'il n'existe ...
le code est interprété dans l'odre du flux ...

au moment ou la ligne de code est interprétée ton objet n'existe pas ...
mets le code dans une fonction et lances là sur le onload ...