[AJAX] Zone Area - OnClick et Ajax

Version imprimable

Bonjour à tous,

Me revoilà avec un nouveau soucis. Lorsque je clique sur certaines zones d'une image, l'action OnClick se déroule bien sous IE. Mais rien ne se passe sous Firefox ou Opera.

Voici l'extrait du code HTML généré :

Code:

<area shape="poly" coords="428,385,341,430,349,480,379,518,457,469,471,448" href="#"  onClick="aller(1); return false;" title="Zone de Niveau 1">

Voici l'extrait de la fonction Ajax :

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
function aller(lieu)
{
	var OAjax;
	if (window.XMLHttpRequest) OAjax = new XMLHttpRequest();
	else if (window.ActiveXObject) OAjax = new ActiveXObject('Microsoft.XMLHTTP'); 
 
	OAjax.open('GET',"ctrl_deck.php",false);
	OAjax.onreadystatechange = function()
	{
 
		if (OAjax.readyState == 4) {
          	  if (OAjax.status==200)
		  {
		  	var chaine=OAjax.responseText;
			if(chaine == 0)
			{ 
				OAjax.open('POST',"lieu.php",false);
				OAjax.onreadystatechange = function()
				{
					if (OAjax.readyState == 4) {
				          if (OAjax.status==200)
					  {
						document.location='battle.php';
					  }
					  else
					  {
						alert("Error code (L) =" + OAjax.status);
					  }
				   }
				}			
				OAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded');
				OAjax.send('lieu='+lieu);
			}
			else
			{
				alert("Deck Invalide !");
				document.location='deck.php';
			}
		} 
		else
		{
			alert("Error code (CL) =" + OAjax.status);
		}
	 } 
	}
	OAjax.send();
}

Merci d'avance pour votre aide.

30/12/2009, 09h46
RomainVALERI
Je ne vois pas de grosse erreur a priori... as-tu essayé d'utiliser un autre objet XHR pour l'appel ajax imbriqué dans le premier, histoire d'écarter l'hypothèse d'un conflit à ce niveau ?

Et au fait (mais sans rapport) :
Code:

1 2 3 4 5 6 7 // ... else { alert("Deck Invalide !"); document.location.href='deck.php'; } // ...
ne serait-il pas plus correct ?

Merci de te pencher sur mon problème :)

J'ai tenté à l'instant de déclarer un autre objet lors de l'appel 'POST', mais celà ne change rien (IE = OK, Firefox = NOK).

Effectivement il est plus correct syntaxiquement de mettre 'document.location.href', ce que je me suis empressé de faire :)

Je me posais cependant une question, est ce que celà pourrais venir du retour du fichier 'ctrl_deck.php'.
En effet si je met ceci :
Code:

1 2 3 4 5 6 7 8 9 10 11 function aller(lieu) { alert('0'); var OAjax; if (window.XMLHttpRequest) OAjax = new XMLHttpRequest(); else if (window.ActiveXObject) OAjax = new ActiveXObject('Microsoft.XMLHTTP'); OAjax.open('GET',"ctrl_deck.php",false); OAjax.onreadystatechange = function() { alert('1');
FF me retourne bien 0 mais pas le 1, alors qu'IE me retourne 0 et 1 !

30/12/2009, 10h33
whiteange
Peut être celà peut il aider. Voici ce que me donne la console d'erreur firefox :

Citation:

Erreur : uncaught exception: [Exception... "Not enough arguments [nsIXMLHttpRequest.send]" nsresult: "0x80570001 (NS_ERROR_XPC_NOT_ENOUGH_ARGS)" location: "JS frame :: js/map.js :: aller :: line 50" data: no]

J'ai donc remplacer
Code:

1 2 3 } OAjax.send(); }
par
Code:

1 2 3 } OAjax.send(""); }
Je n'ai plus d'erreur, mais celà n'a rien changé.
14/01/2010, 09h26
hornetbzz

As-tu essayé de compléter ton test

Code:

if (OAjax.status==200 )

par

Code:

if (OAjax.status==200 || OAjax.status == 0 )