Problème createElement sous Netscape

Version imprimable

bonjour :D

J'ai créé un diaporama en javascript qui fonctionne parfaitement sous IE et FF. Je pensais donc que ça roulerait aussi sous Netscape... Erreur :(

Voici le code qui pose problème:
Code:

1 2 3 4 5 6 7 8 9 10 11 function buildDiap(){ //créer les div document.write('<div id="thumbnail"><img id="tn" /></div>') objTemp=document.createElement('div') objTemp.style.color="#FFFFFF"; objTemp.style.position='absolute'; objTemp.style.left='0px'; objTemp.zIndex=100; document.body.appendChild(objCadre); ...
Voici l'erreur renvoyée par Netscape:"document.body has no properties" 8O
Cette fonction qui crée la structure du diaporama (div, img et liens) est déclenchée entre les balises <head> (avant le onLoad) de ma page.
J'ai essayé d'accéder à l'objet body différement (getElementsByTagName ; document.body.insertBefore...) mais j'ai toujours la même erreur...

Pourtant ce script fonctionne bien sous FF...

quelqu'un aurait-il une petite idée du problème???
Merci d'avance :wink:

16/03/2006, 11h07
SpaceFrog

tu le lances à quel moment ce script ?
faits tu un document.body.open() ?
16/03/2006, 11h14
nicolb

La fonction est appelée à l'intérieur des balises <head>...
Le body n'est peut-être pas instancié à ce moment ?

Je ne fais pas de "document.body.open()", que d'ailleurs je ne connais pas :oops:
16/03/2006, 11h26
SpaceFrog

essaye plutot alors de lancer la focntion dans la balise body:

Code:

<body onload="mafocntion()" >
16/03/2006, 11h47
nicolb

Je viens d'essayer le document.body.open(), et de lancer ma fonction dans le onLoad du body, mais sans succès, toujours la même erreur à la même ligne...
Je ne comprends pas, surtout que juste avant de désigner "document.body" dans le code je fais un "document.write" ... 8O
16/03/2006, 11h52
nicolb

Même en plaçant la fonction dans le onLoad du body, si je fais "alert(document.body)" dans celle-ci, il me renvoie "null"... :?
16/03/2006, 11h53
SpaceFrog

:idea: :?:

Code:

document.getElementsByTahName('body')[0].appendChild(objCadre);

Ca ne fonctionne pas... Tojours la même erreur 8O

Par contre, je viens de voir que dans les options de Netscape j'ai un onglet "enable ActiveX" décoché et grisé... Ca ne pourrait pas venir de là :?:
Sinon, voici le contenu de mon fichier Javascript jusqu'à la ligne d'erreur:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
//initialisation des variables
imgArray=new Array(2);
var windowWidth;
var windowHeight;
var _img;
 
//Déterminer la position du curseur
if(document.getElementById){
	var mouseX=0;
	var mouseY=0;
	if(navigator.appName.substring(0,3)=="Net"){
		document.captureEvents(Event.MOUSEMOVE);
	}
	document.onmousemove = mousePos;
}
function mousePos(e){
	mouseX = (navigator.appName.substring(0,3)=="Net") ? e.pageX : event.x+document.body.scrollLeft;
	mouseY = (navigator.appName.substring(0,3)=="Net") ? e.pageY : event.y+document.body.scrollTop;
}
 
buildDiap();
 
function buildDiap(){
	//créer les div
	document.write('<div id="thumbnail"><img id="tn" /></div>')
 
	objTemp=document.createElement('div')
	objTemp.style.color="#FFFFFF";
	objTemp.style.position='absolute';
	objTemp.style.left='0px';
	objTemp.zIndex=100;
	document.getElementsByTagName('body')[0].appendChild(objTemp);
...

Sachant que la fonction buildDiap() est beaucoup plus longue...

16/03/2006, 12h07
SpaceFrog
ben normal c'est un souci d'instanciation
tu as une ligne qui traine ...
Code:

1 2 buildDiap();
vire cette ligne et appelle la focntin comme je t'ai dit plus haut dans le onload du body ...

telquel là tu essaye de lancer la fonction par l'appelk dans cette ligne sans que le body ne soit instancié ...
16/03/2006, 12h58
nicolb

Merci, mais en fait c'était bien ce que je veux faire.
J'ai juste regroupé un gros morceau de code dans une fonction (buildDiap())...
J'ai bien sûr enlevé cette ligne lorsque j'ai appelé la fonction dans le onLoad du body.... Je viens de refaire un essai au cas où, mais sans succès :cry:

Toujours la même erreur... De plus, sur les autres navigateurs, le fait de faire un "document.write()" suffit (il me semble) à instancier l'élément body. C'est la raison pour laquelle ma première balise div est créée de cette façon... Car j'avais un problème similaire sous IE et FF sans mettre cette ligne.

Enfin bref, toujours est-il qu'en mettant lançant la fonction depuis le onLoad du body, la concole javascript s'arrête toujours sur cette erreur... :?

Je viens de me repencher sur le problème, et finalement j'ai trouvé une (la?) solution:
Sous Netscape il faut créer la balise body avant de pouvoir le désigner dans le code (avant l'évènement onload) en faisant par exemple un "document.write("<body>")".
Code:

1 2 3 4 5 6 7 8 9 10 if(navigator.appName.substring(0,3)=="Net"){ document.write("<body></body>");//évite bug sous Netscape } buildDiap(); function buildDiap(){ //créer les div document.write('<div id="thumbnail"><img id="tn" /></div>'); objTemp=document.createElement('div')
Voilà,
A+ :wink: