Problème div et CSS

Version imprimable

26/11/2006, 21h00
M.Dlb

Problème div et CSS
Bonsoir,

j'ai un problème avec des balises div et leur CSS. Je veux modifier l'attribut top et left du div avec ce code javascript :
Code:

1 2 3 4 var tip = document.getElementById("tip"); tip.style.height = (docXML.length / 3.8); tip.style.top = MouseClicked.y - 100; tip.style.left = MouseClicked.x - 200;
L'erreur sur la console JavaScript de firefox est :

Citation:

Erreur : Erreur d'analyse de la valeur pour la propriété « height ». Déclaration abandonnée.
Ligne : 0

Sachant que ma page doit être compatible HTML 4, quelle est la syntaxe correcte ?

Merci d'avance :)

Code:

1
2
3
tip.style.height = (docXML.length / 3.8) + "px";
tip.style.top = MouseClicked.y - 100 + "px";
tip.style.left = MouseClicked.x - 200 + "px";

:question:

Nan toujours le même problème. Mon div se positionne à l'endroit définit par le css, sa position n'est pas modifiée par le javascript. Voici le CSS associé au div tip :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 #tip { display: none; position:absolute; padding: 3px; top: 20px; left: 20px; width: 400px; text-align: left; border: 2px solid #153668; background-color: #dfeaf9; color: #153668; vertical-align:top; }
Donc mon div se positionne en (20; 20) et non à l'endroit supposé (environ coordonnées de la souris). A notre que ca marchait tel quel avant, mais pour d'autres raisons j'ai du rajouter le fait que ma page était en html 4.01 :
Code:

1 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Une idée ?

26/11/2006, 23h59
Bisûnûrs

Oh, Javascript ne peut pas modifier les valeurs contenues dans une feuille de style externe.

Utiliser la syntaxe tip.style.left signifie que tu modifies la valeur left de la propriété style de ton tip. Or tu n'as pas la propriété style vu que tu utilises un fichier externe.
27/11/2006, 00h34
M.Dlb

Ok j'ai donc bougé le code css donné plus haut dans le fichier html, mais ca ne marche toujours pas :? Je ne vois pas trop quelle est la solution.

Merci encore :)
27/11/2006, 09h10
Bisûnûrs

Heu, la solution est de mettre ton CSS comme ça par exemple :

Code:

<div style="display: none;position:absolute;padding: 3px;top: 20px;left: 20px;width: 400px;text-align: left;border: 2px solid #153668;background-color: #dfeaf9;color: #153668;vertical-align:top;">

et non entre les balises <style></style>.
27/11/2006, 19h16
M.Dlb

Ok mais le problème persiste. J'obtiens la même erreur sous firefox.

Voici la page en question : http://pascal.developpez.com/sourcesTMP/