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

**M.Dlb** · 27/11/2006, 19h16

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

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

Probl�me div et CSS

JavaScript

Discussions similaires

Partager

Partager