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

philou8 · 05/06/2011, 11h19

En fait, je cherche à charger dynamiquement, le contenu d'une div elle-même crée dynamiquement.
Trachy

NoSmoking · 05/06/2011, 11h46

Bonjour,
ayons le bon réflexe

http://javascript.developpez.com/faq...DOM#DOMajouter

05/06/2011, 11h04	#3
philou8 Candidat au titre de Membre du Club Inscription : novembre 2003 Messages : 60 Détails du profil Informations forums : Inscription : novembre 2003 Messages : 60 Points : 12 Points : 12	div dynamique 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
	00

05/06/2011, 11h19	#4
philou8 Candidat au titre de Membre du Club Inscription : novembre 2003 Messages : 60 Détails du profil Informations forums : Inscription : novembre 2003 Messages : 60 Points : 12 Points : 12	suite En fait, je cherche à charger dynamiquement, le contenu d'une div elle-même crée dynamiquement. Trachy
	00

05/06/2011, 11h46	#5
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 939 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 939 Points : 4 767 Points : 4 767	Bonjour, ayons le bon réflexe http://javascript.developpez.com/faq...DOM#DOMajouter
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email