Mon script provoque une erreur et je ne comprends pas ce qui cloche !

**philou8** · 05/06/2011, 00h56

Bonjour,
Voici un script très simple, mais il est un peu tard et je ne comprends pas ce qui cloche.
On peut lancer ce script à l'adresse :
www.paysagesdefrance.com/index1.htm
Merci d'avance,
Trachy

Voici le script :

Code html :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Tourisme</title>
<script language="javascript">
function selecteur_icones(){
window.alert("titi");
return;
}
function chargement_div(){
document.write("<div id='id_select_icones'><a href='#' onmouseover='javascript:selecteur_icones()'><img src='images/infobulle/icone_points.jpg' alt='sites web' title='sites web'/></a></div>");
return;
}    
</script>
</head>
<body onload="chargement_div()">
</body>
</html>

**Eric2a** · 05/06/2011, 01h27

Salut,

Une fois la page chargée, l'utilisation de document.write remplace tout.

Le plus simple est de placer le bloc ayant l'id id_select_icones dans la page Web et de le remplir une fois la page chargée avec innerHTML pour faire simple.

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
21
22
23
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Tourisme</title>
<script type="text/javascript">
function selecteur_icones(){
	window.alert("titi");
	return;
}
function chargement_div(){
	id=document.getElementById('id_select_icones');
	id.innerHTML="<a href='#' onmouseover='selecteur_icones()'><img src='images/infobulle/icone_points.jpg' alt='sites web' title='sites web'/></a>";
	return;
}
window.onload=chargement_div;
</script>
</head>
<body>
<div id="id_select_icones"></div>
</body>
</html>

**philou8** · 05/06/2011, 11h04

Merci pour ta réponse,
Je veux en fait créer le div dynamiquement, car c'est un élément destiné à être placé dans une infowindow de google map.
(il est vrai que le div de la map lui est statique)
cordialement,
Trachy