Erreur sur l'insertion d'un graph via getElemebyId().innerHTML

**comme de bien entendu** · 13/11/2015, 15h37

Bonjour,
Je suis tout debutant en JavaScript.
J'ai essayé de tracer un graphe mais j'obtients une erreur sur la ligne

document.getElementById("legraph").innerHTML = graph;

Dans Firebug il me dit qu'il a une erreur TypeException sur cette ligne.
Je précise que je ne suis pas arrrivé à faire une gif d'un pixel exactement... (peut être l'erreur vient de là) Merci de vos idées.

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
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
function courbe(){
var x, y, maxtop, maxleft, graph="";
var pixel = new Image();
pixel.src = "pixel.gif";
var maxtop = 150;
var maxleft = 80;
for (x=-10; x<=10; x++){
y = x*x ;
graph += "<img src='" + pixel.src + "' style='position:relative;top:" +
 
(maxtop-y) + ";left=" + (maxleft+x) + "'>" ;
}
document.getElementById("legraph").innerHTML = graph;
}
</script>
</head>
<body onload="courbe()">
<div id="legraph"
style="background-color:#dddddd;width:200px;height:200px;top:100px;left:100px;position:absolute;border:1px solid </div>
</body>
</html>

**Jacques Beauregard** · 13/11/2015, 17h24

Bonjour,

Le script est exécuté avant la création de l'élément "legraph".
Du coup tu as une erreur.
De plus :

Code :

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

1
2
<div id="legraph"
style="background-color:#dddddd;width:200px;height:200px;top:100px;left:100px;position:absolute;border:1px solid </div>

il manque une guillemet à la fin de ton style-inline

**comme de bien entendu** · 13/11/2015, 17h29

Merci bien. Il faut que je trouve un bon IDE pour voir ce genre d'erreur.

Erreur sur l'insertion d'un graph via getElemebyId().innerHTML

JavaScript

Discussions similaires

Partager

Partager