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

JavaScript Discussion :

[Ajax] Prob passage de param. dans boucle [DOM]


Sujet :

JavaScript

  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Septembre 2005
    Messages
    159
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Septembre 2005
    Messages : 159
    Points : 160
    Points
    160
    Par défaut [Ajax] Prob passage de param. dans boucle [DOM]
    Quelle galère pour trouver un titre convenable

    Enfin pour bien vous exposer mon problème, voici mon code :

    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
     
    //recuperation des infos
    DocXML=prods.responseXML;
    				nom_cat=DocXML.getElementsByTagName("categorie")[0].firstChild.data;
    				nom_scat=DocXML.getElementsByTagName("souscategorie")[0].firstChild.data;
     
    var titres=document.createElement("div");
    				titres.innerHTML="<h3><u>"+nom_cat+"</u></h3><h4>"+nom_scat+"</h4>";
     
    var produits=document.createElement("div");
     
    				for(i=0;i<DocXML.getElementsByTagName("produit").length;i++)
    {
            var id_prod=DocXML.getElementsByTagName("produit")[i].getAttribute("id");
    	var nom_prod=DocXML.getElementsByTagName("produit")[i].getAttribute("nom");
     
    	var prod=document.createElement("div");
    	prod.setAttribute("id","prod-"+id_prod);
    	prod.onmouseover=function () { showDetailsProd(id_prod);}
    	prod.onmouseout=function () { hideDetailsProd(); }
    	prod.setAttribute("class","prod");
    	prod.className="prod";
     
    	prod.innerHTML=nom_prod+" "+id_prod;
     
    	produits.appendChild(prod);
    	}
    $('content').innerHTML="";
    $('content').appendChild(titres);
    $('content').appendChild(produits);
    Bon bah voila l'ennui c'est avec ma variable id_prod :/

    Edit: résolu mon pb de drag, enfin +/- :/

    et pire encore ! showDetailsProd recoit 4 en paramètre quel que soit le produit sur lequel je passe la souris :s

    (dans mon exemple je n'ai que 4 produits si vous n'aviez pas compris )

    Bref, je ne comprends pas, pourquoi au meme endroit du code, une variable prends apparemment 2 valeurs différentes :s

    J'ai essayé de changer id_prod par un truc totalement absurde pour etre sur que ca ne soit pas une variable de meme nom ailleurs, et je garde le meme bug :s

    Help plz

  2. #2
    Expert éminent

    Avatar de denisC
    Profil pro
    Développeur Java
    Inscrit en
    Février 2005
    Messages
    4 050
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Service public

    Informations forums :
    Inscription : Février 2005
    Messages : 4 050
    Points : 7 641
    Points
    7 641
    Par défaut Re: [Ajax] Prob passage de param. dans boucle [DOM]
    Citation Envoyé par narnou
    Bon bah voila l'ennui c'est avec ma variable id_prod :/
    C'est un problème 'classique' d'affectation dynamique. C'est pas du tout lié au fait qu'il y ait du Ajax...

    Voyons voir, quelle était la solution déjà

    Alors, je pense que si tu fais:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    prod.onmouseover="showDetailsProd("+id_prod+")";
    Ca devrait marcher. C'est moins beau, mais il devrait prendre la valeur de la variable au bon moment.

    Tout ton problème, c'est qu'il n'évalue pas la valeur de id_prod au moment de mettre en place le onmouseover, il n'évalue la variable qu'au moment d'executer la fonction. Et là, forcément, à ce moment elle vaut 4.

    Pourquoi pas encore plus simplement:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    prod.onmouseover=function () { showDetailsProd(this.id);}
    Il ne reste plus qu'à faire un substring dans showDetailsProd pour virer le prod- qui est devant ton numéro d'identifiant....

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Septembre 2005
    Messages
    159
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Septembre 2005
    Messages : 159
    Points : 160
    Points
    160
    Par défaut
    Merci grand ched, je vais tester ca de suite

    A mon avis bientot résolu :p

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [DOM] Perdu dans le dom après passage de PHP4 à PHP5
    Par kabkab dans le forum Bibliothèques et frameworks
    Réponses: 2
    Dernier message: 21/09/2008, 23h32
  2. [DOM] Passage de valeur dans input via getElementById().value
    Par Invité dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 08/07/2008, 21h47
  3. Passage de paramètre dans un fichier distant en javascript/ajax
    Par moook dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 20/06/2008, 13h51
  4. Réponses: 4
    Dernier message: 13/02/2007, 10h08
  5. Réponses: 2
    Dernier message: 16/11/2005, 10h49

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