[DOM] Script qui ne semble pas fonctionner sous IE 6 et 7

Version imprimable

Salut

Je suis perplexe quand à l'execution de ma script. Celui ci semble fonctionner parfaitement sous FF, Opéra et Netscape, mais pas sous IE6 et 7. Je n'ai pourtant aucun message d'erreur :?

Voilà le script :

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
<div style="text-align:center; height:160px"><script type="text/javascript">
	var nbimage= 30;
	var width;
	var height;
	var url;
	var alte;
	numimage= Math.round(Math.random()*(nbimage-1)+1);
	if (numimage <= 10) {
		gotosite = "index.asp";
		url = "images/visuel01.gif";
		alte = "Magnificat";
	}
	if ((numimage > 10) && (numimage <= 20)) {
		gotosite = "index.asp";
		url = "images/visuel02.gif";
		alte = "Magnificat";
	}
	if (numimage > 20) {
		gotosite = "index.asp";
		url = "images/visuel03.gif";
		alte = "Magnificat";
	}
	if(gotosite != ""){
		document.write('<a href="' + gotosite + '" ">');	
	}
	document.write('<img src="' + url + '" alt="' + alte + '" border="0">');
	if(gotosite != "") {
		document.write('</a>');
	}
	</script><noscript><a href="index.asp"><img src="images/visuel01.gif" alt="Magnificat" border=0></a></noscript>
</div>

Et la page : http://www.magnificat.com/english/abo1.asp

L'image doit apparaitre en haut du menu à gauche.

Une idée ? :roll:

bonjour Oluha,

utilise les fonctions du DOM et appelle la fonction après le chargement de la page ;)

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
 
<html>
<head>
<title></title>
<script type="text/javascript">
<!--
function chargeMagnificat()
{
    var monDiv = document.getElementById("monDiv");
 
 
        var nbimage= 30;
        var width;
        var height;
        var url;
        var alte;
        numimage= Math.round(Math.random()*(nbimage-1)+1);
 
        if (numimage <= 10) {
                gotosite = "index.asp";
                url = "mes images/i1.gif";
                alte = "Magnificat";
        }
        if ((numimage > 10) && (numimage <= 20)) {
                gotosite = "index.asp";
                url = "mes images/i2.gif";
                alte = "Magnificat";
        }
        if (numimage > 20) {
                gotosite = "index.asp";
                url = "mes images/i3.gif";
                alte = "Magnificat";
        }
 
 
    var monLien = null;
    if (gotosite!="")
    {
     monLien = document.createElement("a"); //creation d une balise a
     monLien.href = gotosite;
     monDiv.appendChild(monLien); //ajout du lien dans le div
    }
 
    var monImage = document.createElement("img"); //creation de l image
    monImage.src = url; 
    monImage.alt = alte;
    monImage.style.border="none";
 
    if (monLien!=null)   // si le lien existe on donne a ce noeud le noeud enfant image
       monLien.appendChild(monImage)  
    else
       monDiv.appendChild(monImage); //si le lien n existe pas, on ajoute l image dans le div
}
//-->
</script>
 
</head>
 
<body onload="chargeMagnificat()">
 
<div id="monDiv" style="text-align:center; height:160px">
 
 
</div>
 
</body>
 
</html>

J'ai remplacé les document.write par createElement()

12/06/2007, 16h50
Oluha

en fait ca m'emmerde un peu d'utiliser une fonction à mettre dans les balises head, pour la simple et bonne raison que j'ai pas envie de modifier sur toutes mes pages (le menu est en fait une template ASP) :roll:

Sinon je vais tester avec CreateElement

EDIT : là ca marche maintenant (sans passer par une fonction), merci beaucoup ;)