Discussion :

[VilainMelkor]

Bonjour,

Je suis en train de travailler sur un projet en partie réalisée avec AJAX et XML, et je me retrouve bloqué sur un problème d'objet requis :/

Mon code marche parfaitement sous FF (normal, comme d'hab) mais IE fait des siennes (encore une fois, comme d'hab).

Je vous mets en dessous ma fonction qui pose souci :

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
/** fonction pour l'affichage de la carte région agrandie en plein ecran **/
function afficherCarteFullscreen(pays, region, saison)
{
	opacityOn();
 
	getId('cartes_fullscreen').style.display = 'block';
	getId('cartes_fullscreen').innerHTML = '<img id="loading" src="site/media/descriptifs/loading_bar.gif" alt="" title="" />';
 
	var data = 'pays=' + pays + '&region=' + region + '&saison=' + saison;
 
	xhr = createRequestObject();
 
	xhr.onreadystatechange = function ()
	{
		if(xhr.readyState == 4)
		{
			if (xhr.status == 200)
			{
				var docXML = xhr.responseXML; //Objet permettant de gérer le xml généré dans le script PHP
 
				stations = docXML.getElementsByTagName('station');
				var html = docXML.getElementsByTagName('template');
				getId('cartes_fullscreen').innerHTML = html[0].firstChild.nodeValue;
 
				getId('img_grande_carte').src = 'site/media/cartes/' + pays + '/' + region + '/generale.png';
 
				// on assigne des margin aux images/points représentant les stations; on les positionne
				for(var i = 0; i < stations.length; i++)
				{
					getId('station_' + stations[i].getAttribute('code')).style.margin = stations[i].getElementsByTagName('coordonnee_y')[0].firstChild.nodeValue + 'px 0px 0px ' + stations[i].getElementsByTagName('coordonnee_x')[0].firstChild.nodeValue + 'px';
				}
			}
			else alert(xhr.status + " " + xhr.statusText);
		}
	};
 
	xhr.open("POST", "site/includes/cartes/ajax_cartes_fullscreen.php", true);
	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xhr.send(data);
}

Au moment ou j'exécute la fonction, j'ai une erreur, et mon code semble bloquer au moment ou il passe sur cette ligne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

getId('cartes_fullscreen').innerHTML = html[0].firstChild.nodeValue;

Si quelqu'un sait de quoi il en retourne...

En espérant avoir été clair, et dans l'attente de réponses ^^, merci d'avance.

Baptiste

[SpaceFrog]

Quel langage !!


Bref se mefier des firstChild avec IE ...
faire une recherche avec "NodeCleaner"
elle est declarée ou la focntion getId ?

[VilainMelkor]

Oui désolé j'ai tendance à être quelques peu irrité par ce cher IE ^^.

La fonction getId est tout ce qu'il y a de plus simple, c'est juste une abréviation :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function getId(id)
{
	return document.getElementById(id);
}

Pour ce qui est de NodeCleaner, c'est quoi exactement ? un soft pour nettoyer mon XML ?

(Pi merci pour la réponse rapide ^^)

Baptiste

[Bovino]

Pour ce qui est de NodeCleaner, c'est quoi exactement ? un soft pour nettoyer mon XML ?

Non, c'est une fonction très utile pour supprimer les noeuds vides qui posent des problèmes liés à la différence d'intrerprétation du DOM entre les navigateurs.
Voir ici.