[DOM] Dom, javascript et insert before

**pas30** · 14/04/2009, 05h56

Bonjour,

J'aimerais g�n�rer une div qui se placerait au dessus d'un site comme ci-dessous :

-------------------------------------------------------------------------
MA DIV SERAIT AFFICHE LA
-------------------------------------------------------------------------
LE SITE SERA AFFICHE LA

-------------------------------------------------------------------------

Sachant que ce code de cr�ation de cette div devra �tre g�n�r� sur un site distant, le site distant ex�cutera un script javascript sur mon serveur et devra affich� une div contenant du texte au dessus de ce site distant sans cach� le contenu de ce site
J'ai essay� avec les m�thodes insertbefore mais �� ne marche pas
Je vous colle mon code d'essai :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
document.write('<style type="text/css">\n'+
 '#haut \n'+
 '	{\n'+
 '	position:absolute;\n'+
 '	width:\n'+700+'px;\n'+
 '	height:20px;\n'+
 '	top:0px;\n'+
 '	left:0px;\n'+
 '  background:white;\n'+
 '  z-index:999999898;\n'+
 '	}\n'+
 '</style>');
 
 var div = document.createElement('div');
 div.id = 'haut';
 var b = document.getElementsByTagName("body")[0];
 if (b.firstChild != null)
		b.insertBefore(div, b.firstChild);
		else	
		b.appendChild(div);

Merci de me dire si vous voyez un probl�me majeur dans mon code

**le_chomeur** · 14/04/2009, 09h18

�a ne marche pas ???
erreur retourn� ?

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

b = document.getElementsByTagName("body")[0];

pourquoi pas directement :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

b = document.body;

pour le reste je ne vois pas d'erreur de code

hormis un immonde :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
document.write('<style type="text/css">\n'+
 '#haut \n'+
 '	{\n'+
 '	position:absolute;\n'+
 '	width:\n'+700+'px;\n'+
 '	height:20px;\n'+
 '	top:0px;\n'+
 '	left:0px;\n'+
 '  background:white;\n'+
 '  z-index:999999898;\n'+
 '	}\n'+
 '</style>');

**pas30** · 14/04/2009, 11h39

Il n'y a pas d'erreurs affich�es
Ma div s'affiche mais passe par dessus le site et donc le cache de la hauteur de la div au lieu de se placer au-dessus
Sinon le code immonde que tu dis, tu veux faire comment pour le remplacer car je dois g�n�rer du javascript et dedans j'ai besoin de css donc...
Voil�

**le_chomeur** · 14/04/2009, 11h48

plusieurs choses , si tu ne souhaites pas que ta div recouvre ton site , supprime la position absolute.

ensuite :

tu affectes ta classe css a un seul �l�ment #haut ( r�f�rence un objet via son id )

donc autant utiliser le style directement sur ton objet :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
 
tonobjet.style['cssText'] = "tout le style" //pour IE
tonobjet.setAttribute('style', "tout le style") //FF et autre :)

**pas30** · 15/04/2009, 00h56

Effectivement en enlevant la position absolute �� ne se met plus par dessus c'est d�j� ��
Par contre, avec le code que j'ai tap� o� se place le code dans le source ?
Avant la balise <body> ou apr�s ???
<div></div>
<body>

ou

<body>
<div></div>

Car la solution doit �tre la seconde la div doit �tre juste apr�s

**le_chomeur** · 15/04/2009, 09h41

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
<body>
<div></div>

[DOM] Dom, javascript et insert before

JavaScript

Vue hybride

Discussions similaires

Partager

Partager