mon getElementById ne marche pas

**Tooomas** · 04/03/2007, 23h11

Bonjour,

pourriez me mettre sur la bonne voie, j'essaie de positionner un élément avec getElementById après un calcul que je symbolise ici par une fonction bidon. Mais comment faire rentrer le résultat dans la coordonnée ? Qu'est-ce qui me manque dans le code ?

Merci beaucoup pour votre aide !!

Tomas

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
<html>
<head>
<title>Vyroba</title>
<style type="text/css"> 
#image	{position: absolute; top:150px; background-color: yellow; width: 200px; height:200px; }
</style>
 
<script>
function calculX() { 
a = 100;
return a; 
}
</script>
 
</head>
 
<body>
 
<script>
a = calculX();
document.getElementById("image").style.left = a;
</script>
 
<div id="image"></div>
 
</body>
</html>

**N1bus** · 04/03/2007, 23h22

Bonjour,

Peut-etre que le nom de ton div ne conviens pas : image est peut etre un mot réservé. Tu devrais le renommer , par exemple div-img , et ressayer

**Tooomas** · 04/03/2007, 23h40

J'ai tout simplifié, mon div s'appel l'autrement dans "la réalité". Donc le problème ne viendrait pas d'ici...

**bigboomshakala** · 05/03/2007, 00h24

hello

ton div n'est créé qu'après l'appel du script !
déplace ton script après le code html du div et ça marchera

**Tooomas** · 05/03/2007, 00h57

Si si, ça marche !!! Et dire que je me casse la tête depuis deux jours...

Mais il y a un autre problème qui apparait du coup...
Je veux lancer le calcul de ses coordonnées régulieurement et j'ai rajouté donc une fonction :

Code :

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

1
2
3
4
5
6
7
function allezgo() {
document.write("");
a = calculX();
b = calculY();
document.getElementById("image").style.left = a;
document.getElementById("image").style.top = b;
}

si donc je met après mon div

Code :

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

1
2
3
<script>
allezgo();
</script>

ça marche toujours très bien - en manuel. En raffraichissant la page, ça recalcul et replace l'élément.

MAIS ! si j'ajoute à la place

Code :

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

1
2
3
<script>
setInterval("allezgo()",1000);
</script>

tout les éléments html disparaissent au bout d'une seconde - et de toute façon même pedant la second que l'élément était affiché, il n'a pas pris en compte le coordonnées fournis par le calcule. Pourtant le recalcule marche, je fais afficher les résultats. Mais - ça se passe ensuite sur une page blanche. Et c'est vraiment seulement le setInterval qui a tout fait disparaître...

Vous saurriez que faire pour que setInterval("allezgo()",1000); ne fasse pas tout disparaitre ???

Merci énormément d'avance, je ne suis pas un confirmé en JavaScript... !!!

**bigboomshakala** · 05/03/2007, 01h06

un truc comme ça je suppose ?

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<html>
<head>
<title>Vyroba</title>
<style type="text/css"> 
#image	{position: absolute; top:150px; background-color: yellow; width: 200px; height:200px; }
</style>
 
<script>
	function getPos(o)
{
	try
	{
		var x = y = 0;
		if (o.offsetParent)
		{
			x = o.offsetLeft;
			y = o.offsetTop;
			while (o = o.offsetParent)
			{
				x += o.offsetLeft;
				y += o.offsetTop;
			}
		}
		return [x,y];
	}
	catch(ex){ window.status = 'function getPos exception : ' + ex.name + ' - ' + ex.message; return [-1,-1];}
}
 
function allezgo(){
	var a = getPos(document.getElementById("image"))[0] + 10;
	var b = getPos(document.getElementById("image"))[1] + 10;
	document.getElementById("image").style.left = a; 
	document.getElementById("image").style.top = b;
	setTimeout("allezgo()",500);
}
</script>
 
</head>
 
<body>
 
 
 
<div id="image"></div>
 
<script>
allezgo();
</script>
</body>
</html>

mon getElementById ne marche pas

JavaScript

Vue hybride

Discussions similaires

Partager

Partager