[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

Discussions similaires

Partager

Partager