Problème de déplacement d'un bloc <div> avec FireFox

Tresh · Message par **Tresh** » 08 oct. 2005, 13:43

Bonjour à tous,
étant nouveau dans le monde du Javascript j'écrit des petits bout de code par ci par là pour tester les differentes possibilite offerte par JS.
Je buche sur mon premier problème depuis maintenant 48h sans succès, je me permet donc de vous l'exposez ici.

Le but étant de créer une page HTML disposant d'un boutton.
Au moment ou l'utilisateur clic sur ce boutton la position absolu du <div> change.

Voici mon code ( qui marche très bien sous IE6 et Opera8 mais aucunement sous FireFox ) :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
#calque1{
position:absolute;
left:372px;
top:95px;
width:350px;
height:32px;
z-index:2;
background-color:#CCFFFF;
border-color:#33CCCC;
border-width:thin;
border-style:solid;
}
</style>

<script language="javascript">
function test(){
document.getElementById("calque1").style.left=500;
}
</script>

<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<div id="calque1">Test Calque</div>
<form method="get" action="calque.htm">
<input type="button" name="boutton01" id="boutton" onClick="test()">
</form>
</body>

</html>

Merci d'avance pour vos réponses et @+++

calimo · Message par **calimo** » 08 oct. 2005, 14:01

Tresh a écrit :document.getElementById("calque1").style.left=500;

500... 500 quoi ? Kilomètres ? Carottes ? Chats ? Pommes ? Ångström ? Euros ? Années ?
Si tu as fait un minimum de physique à l'école, c'est pas pour rien que ton prof insistait continuellement sur les unités...

PS : si ça marche dans IE et Opera c'est un bug

PPS : il n'y a rien dans la console javascript ?

FF_Olivier · Message par **FF_Olivier** » 08 oct. 2005, 14:09

calimo a écrit :
Tresh a écrit :document.getElementById("calque1").style.left=500;
500... 500 quoi ? Kilomètres ? Carottes ? Chats ? Pommes ? Ångström ? Euros ? Années ?

Et je dirais même plus :

Code : Tout sélectionner

document.getElementById("calque1").style.left="500px";

La valeur entre apostrophes/guillemets, non ?

PS : et plus loin, est-ce que ça ne devrait pas être onclick="test()" sans majuscule ? Sensibilité à la casse ?

calimo · Message par **calimo** » 08 oct. 2005, 14:15

FF_Olivier a écrit :La valeur entre apostrophes/guillemets, non ?

Possible...

Code : Tout sélectionner

document.getElementById("calque1").style.left="500in";

Code : Tout sélectionner

document.getElementById("calque1").style.left="500cm";

Code : Tout sélectionner

document.getElementById("calque1").style.left="500mm";

Code : Tout sélectionner

document.getElementById("calque1").style.left="500pt";

Code : Tout sélectionner

document.getElementById("calque1").style.left="500pc";

Code : Tout sélectionner

document.getElementById("calque1").style.left="500%";

Code : Tout sélectionner

document.getElementById("calque1").style.left="500em";

Code : Tout sélectionner

document.getElementById("calque1").style.left="500ex";

(à priori on ne sait pas quel 500 il veut, alors j'en mets plusieurs

)

Tresh · Message par **Tresh** » 08 oct. 2005, 14:17

Merci bien pour votre aide, j'avais bien essayer en ajoutant px mais cela ne marchait dans aucun navigateurs.
Je viens de me rendre compte que j' ai oublier les guillemets.
Je voyais ca comme une valeur entiere d'ou l oublit des guillemets.
Encore merci pour votre aide

Geckozone

Problème de déplacement d'un bloc <div> avec FireFox

Problème de déplacement d'un bloc <div> avec FireFox

Re: Problème de déplacement d'un bloc <div> avec Fir

Re: Problème de déplacement d'un bloc <div> avec Fir

Re: Problème de déplacement d'un bloc <div> avec Fir

Qui est en ligne ?