Placement code javascript

**nicolasferraris** · 21/04/2009, 14h12

Voici la fin de mon code.

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

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

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 :

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

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

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

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

Il est rempli !!!

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

Merci

**SpaceFrog** · 21/04/2009, 14h21

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

**nicolasferraris** · 21/04/2009, 14h53

ok merci, mais comment je fais ça

**emmanuel.remy** · 21/04/2009, 15h01

Mets ton script:

Code :

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

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

en première position.

ERE

**SpaceFrog** · 21/04/2009, 15h02

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

**nicolasferraris** · 21/04/2009, 15h57

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 :

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

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

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

**SpaceFrog** · 21/04/2009, 16h26

column_lenght_1 ???
length
y'a pas un souci sur l'id ?

**nicolasferraris** · 21/04/2009, 16h31

Non c'est normal.

mais je peux changer si tu penses qu'il peut y avoir conflit avec un mot réservé

**SpaceFrog** · 21/04/2009, 17h21

tu es sur que ton id n'est pas

column_length_1

au lieu de

column_lenght_1

**nicolasferraris** · 21/04/2009, 17h27

Oui je suis sur.
c'est une erreur de frappe mais elle est reproduite partout

**SpaceFrog** · 21/04/2009, 17h28

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

**nicolasferraris** · 21/04/2009, 17h36

Voila ce que me renvoit la console

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

**nicolasferraris** · 21/04/2009, 17h45

Je pense que le problème vient de la

Code :

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

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 :

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

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

**SpaceFrog** · 21/04/2009, 18h34

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

Placement code javascript

JavaScript

Discussions similaires

Partager

Partager