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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Changer le style d'un élément via javascript

Ayuget

R.oger

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

Publicité

gizmo

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

simogeo

j'ai jamais tué de chats, ...

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

Ayuget

R.oger

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

simogeo

j'ai jamais tué de chats, ...

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

Ayuget

R.oger

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

Ayuget

R.oger

simogeo a écrit :

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

gizmo

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.

simogeo

j'ai jamais tué de chats, ...

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

Ayuget

R.oger

nickel chrome :jap:

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
javascript qui ne se voit pas avec firefox	[MFC]Changer la taillede la police dans une CRichEditView
[JS] Créer un menu transparent en javascript plutot qu'avec des css	inclure du code javascript en vb.net
Retourner le dernier element d'une table	Pointeur sur un élément d'un std::vector
Changer couleur d'une case de formulaire ??	Evènements javascript
Contrôler une image Gif via Javascript ou autre	[IIS] Changer les paramètres internationnaux de IIS
Plus de sujets relatifs à : Changer le style d'un élément via javascript

Page générée en 0.086 secondes