IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

[AJAX] Zone Area - OnClick et Ajax


Sujet :

AJAX

  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France, Yvelines (Île de France)

    Informations forums :
    Inscription : Décembre 2003
    Messages : 9
    Par défaut [AJAX] Zone Area - OnClick et Ajax
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    <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 : 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
    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.

  2. #2
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par défaut
    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 javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    // ...
    else
    {
       alert("Deck Invalide !");
       document.location.href='deck.php';
    }
    // ...
    ne serait-il pas plus correct ?

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France, Yvelines (Île de France)

    Informations forums :
    Inscription : Décembre 2003
    Messages : 9
    Par défaut
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 !

  4. #4
    Membre habitué
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France, Yvelines (Île de France)

    Informations forums :
    Inscription : Décembre 2003
    Messages : 9
    Par défaut
    Peut être celà peut il aider. Voici ce que me donne la console d'erreur firefox :

    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
    par
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    	}
    	OAjax.send("");
    }
    Je n'ai plus d'erreur, mais celà n'a rien changé.

  5. #5
    Membre chevronné
    Avatar de hornetbzz
    Homme Profil pro
    Directeur commercial
    Inscrit en
    Octobre 2009
    Messages
    482
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 57
    Localisation : France

    Informations professionnelles :
    Activité : Directeur commercial

    Informations forums :
    Inscription : Octobre 2009
    Messages : 482
    Par défaut
    As-tu essayé de compléter ton test

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    if (OAjax.status==200 )
    par

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    if (OAjax.status==200 || OAjax.status == 0 )

Discussions similaires

  1. Execution Ajax sur un onclick qui quitte la page
    Par dojbouli dans le forum jQuery
    Réponses: 7
    Dernier message: 19/07/2013, 09h42
  2. [AJAX] Simuler un onclick pour envoi de données
    Par David82 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 07/12/2008, 13h47
  3. [AJAX] traitement dynamique d'une zone texte HTML/PHP/AJAX
    Par Hyuge dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 09/07/2008, 09h48
  4. [AJAX] lien (href) cliquable si ajax (onclick) non interprété
    Par juJuv51 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 25/02/2007, 15h34
  5. [AJAX] Boucle et onclick
    Par Malarkey dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 24/01/2007, 11h46

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo