Changer le style d'un élément via javascript

Marsh Posté le 27-07-2004 à 18:59:43

J'essaye de changer la position de mon image sur ma page via javascript, mais je n'y arrive pas:

Le code

Code :

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<title>Test</title>
<style type="text/css">
img
{
position: absolute;
}
</style>
<script type="text/javascript">
document.getElementById("d21" ).style.top = 100;
document.getElementById("d21" ).style.left = 100;
</script>
</head>
<body>
<img id="d21" alt="" src="image.jpg" />
</body>
</html>

Etant une burne en javascript, je vois pas le problème.

Je me suis aidé de ca: http://www.laltruiste.com/document [...] style.html
Mais je sais pas si c'est vraiment aux normes [:spamafote]

Message édité par Ayuget le 27-07-2004 à 19:00:04

Reply

Marsh Posté le 27-07-2004 à 18:59:43

Reply

Marsh Posté le 27-07-2004 à 19:01:55

il faut que la propriété soit déjà définie pour que tu puisses la modifier

Reply

Marsh Posté le 27-07-2004 à 19:11:21

il faut aussi placer l'element en absolu , et aussi préciser l'unité

bref :

Code :

document.getElementById("d21" ).style.position = "absolute";
document.getElementById("d21" ).style.top = "100px";
document.getElementById("d21" ).style.left = "100px";

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence

Reply

Marsh Posté le 27-07-2004 à 19:17:43

Merci de votre aide :jap:

Code :

<script type="text/javascript">
document.getElementById("d21" ).style.position = "absolute";
document.getElementById("d21" ).style.top = "100px";
document.getElementById("d21" ).style.left = "100px";
</script>
</head>
<body>
<img id="d21" style="position:absolute;left:0px;top:0px;" alt="" src="image.jpg" />
</body>
</html>

ne marche pas [:spamafote] :'(

Message édité par Ayuget le 27-07-2004 à 19:18:00

Reply

Marsh Posté le 27-07-2004 à 19:18:25

Ayuget a écrit :

Merci de votre aide :jap:

Code :

<script type="text/javascript">
document.getElementById("d21" ).style.position = "absolute";
document.getElementById("d21" ).style.top = "100px";
document.getElementById("d21" ).style.left = "100px";
</script>
</head>
<body>
<img id="d21" style="position:absolute;left:0px;top:0px;" alt="" src="image.jpg" />
</body>
</html>

ne marche pas [:spamafote] :'(

gizmo a écrit :

il faut que la propriété soit déjà définie pour que tu puisses la modifier

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence

Reply

Marsh Posté le 27-07-2004 à 19:18:39

simogeo a écrit :

il faut aussi placer l'element en absolu , et aussi préciser l'unité

Faut le repréciser, même si c'est déjà indiqué dans le CSS :heink: ?

Reply

Marsh Posté le 27-07-2004 à 19:19:37

simogeo a écrit :

:o

bah c'est fait nan :heink: (j'doit pas être réveillé)

Reply

Marsh Posté le 27-07-2004 à 19:19:40

Ayuget a écrit :

Faut le repréciser, même si c'est déjà indiqué dans le CSS :heink: ?

En l'occurence, ici tu as mis une propriété dans l'élément img, pas dans l'id.

Reply

Marsh Posté le 27-07-2004 à 19:22:08

Ayuget a écrit :

bah c'est fait nan :heink: (j'doit pas être réveillé)

ben c déclaré après ....

donc :

Code :

<script type="text/javascript">
function initPos() {
document.getElementById("d21" ).style.position = "absolute";
document.getElementById("d21" ).style.top = "100px";
document.getElementById("d21" ).style.left = "100px";
}
</script>
</head>
<body>
<img id="d21" onload="initPos()" alt="" src="image.jpg" />
</body> </html>

devrait fonctionner

Message édité par simogeo le 27-07-2004 à 19:22:44

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence

Reply

Marsh Posté le 27-07-2004 à 19:23:24

nickel chrome :jap:

Reply

Changer le style d'un élément via javascript

Sujets relatifs:

Leave a Replay