Discussion :

[raimo]

bonjour,
Je travaille avc Web Creator, dans la fenétre de code j'ai ajouté la ligne suivante:

Code :

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

<img id="im1" src="im1.bmp" />

je cherche maintenant la faire déplacer en appuyant sur un bouton, voila mon
code:

Code :

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

1
2
3
4
5
6
function But1_OnClick()
{
    var x = document.getElementById("im1");
    x.style.top = 50;
    x.style.left = 122
}

mais ça ne fonctionne pas, sachant que la variable "x" pointe bien sur l'objet
"im1" puisque quand j'essaye avec les instructios : x.Hide() et x.Show() ça fonctionne bien.

Merci

[Akwel91]

C'est normal que dans getElementById tu mettes un id "im1" et dans ton img "im" ?
Ca doit être une erreur de frappe.
T'as pas d'erreur ? Si tu test avec Firefox "Outils > console Javascript" ?

[raimo]

non , c'est pas une erreur, je me suis trompé en copiant le code ici, en fait méme dans mon tag j'ai "im1", je viens de le crriger plus haut

[Akwel91]

Ok, But1_OnClick() tu l'appelles où ?
Fait voir la syntaxe de ton bouton (il marche au moins, lui ? Si tu mets par exemple un alert dedans).

[raimo]

oui, il fonctonne puisq si je mets l'instruction : x.Hide() l'mage devient invisible.

[tusssss]

Ne faut il pas mettre un

Code :

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

x.style.position="absolute";

avant de positionner l'élément?

[Akwel91]

Ah oui, ok.. Bah essaie en mettant ton image en absolute pour voir
x.style.position = "absolute";

[raimo]

Merci tussss, ça marche avc ça, mais peux tu expliquer un peu pkoi?

[tusssss]

En réalité je ne sais pas pourquoi ca marche comme cela, je pense que c'est du au fait que quand on écrit absolute (de meme pour fixed ou meme float), on indique par rapport à quoi on va situer l'élément que l'on veut disposer, alors que sans ca on se retrouve avec une distance top par rapport à rien...

C'est l'explication que j'ai déduit de cette difficulté que j'avais rencontrée plus tot.

[raimo]

Merci tt le monde