Problème div et CSS

**M.Dlb** · 26/11/2006, 21h00

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 :

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

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 :

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

**Bisûnûrs** · 26/11/2006, 23h19

Code :

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

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";

**M.Dlb** · 26/11/2006, 23h44

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 :

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

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 :

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

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

Une idée ?

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

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.

**M.Dlb** · 27/11/2006, 00h34

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

**Bisûnûrs** · 27/11/2006, 09h10

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

Code HTML :

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

<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>.

Problème div et CSS

JavaScript

Vue hybride

Discussions similaires

Partager

Partager