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 :

ID d'un objet javascript


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    80
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 80
    Par défaut ID d'un objet javascript
    Salut ,

    j'ai deux petites chose à demander
    1/
    Voilà j'utilise les api de google .. qui s'utilise ds la balise
    <script type="text/javascript">

    Voici un api par exemple de google map pour créer la map :
    var map = new GMap2(document.getElementById("map"));
    Dont map est un"(object, Object)" d'aprés alert(map);

    J'aimerai savoir comment on pourrai mettre en paramétre d'une fct l'ID ?

    2/
    voici l'api pour créer un repere
    marker[k] = new GMarker(point); ; Dont k est une variable qui s'incrémente via une boucle for. Remarque : marker[k] est un object aussi ...

    Dans cette même boucle for je créer un événement associé au maker[k] créer :

    map.addOverlay(akeur);
    GEvent.addListener(akeur, "click", function() {
    akeur.openInfoWindowHtml("<b> " + comment + "</b>");
    });


    code entier :
    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
    for(var k=0; k<point_MB2.length; k++)
             {
             var long =point_MB2[k].longitude;
             var lat = point_MB2[k].latitude;
             var comment = point_MB2[k].commentaire;
     
    //création d'une  map .....
    if (k==0) {
    var map = new GMap(document.getElementById("map"));
              }
    var point = new GLatLng(long,lat);
    map.centerAndZoom(new GPoint(long,lat), 15);
     
    marker[k] = new GMarker(point);
    var akeur=marker[k]; 
    map.addOverlay(akeur);
    GEvent.addListener(akeur, "click", function() {
                          akeur.openInfoWindowHtml("<b> " + comment + "</b>");
                                                       });
     
             }
    Mais le résultat n'est pas celui attendu .. pk ? Si vous voyer un problème ds le code ..

    MErci

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var point = new GLatLng(long,lat);
    Tu n'inverserais pas tes coordonnées par hasard ???
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    80
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 80
    Par défaut
    Bonjour Bovino !!

    Nanan les reperes se placent à l'endroit souhaité. Mais en faite c'est l'événement qui ne marche pas :normalement chaque repére à sa bulle mais sa donne pas ca.
    Si tu veux voir : http://www.jdan.weboserv.org/script.html/ (sur le combobox tu choisi 'c1'; tu vera : lorsque tu cliquera sur les reperes pas de bulles qui apparaît ..)

    Et puis est ce que tu saurai la réponse du 1/ ???

    merci bien

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Pour le 1/
    Il ne faut pas confondre la variable javascript map, et l'élément HTML dont l'id est "map".
    Tu peux très bien faire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var map = new GMap(document.getElementById("autre_map"));
    voire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var mon_nom = new GMap(document.getElementById(une_variable));
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    marker[k] = new GMarker(point);
    var akeur=marker[k]; 
    map.addOverlay(akeur);
    Ta variable akeur ne sert à rien et doit perturber...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    marker[k] = new GMarker(point);
    map.addOverlay(marker[k]);
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  6. #6
    Membre Expert Avatar de DoubleU
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    1 106
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 1 106
    Par défaut
    Citation Envoyé par JeanDan Voir le message
    Bonjour Bovino !!

    Nanan les reperes se placent à l'endroit souhaité. Mais en faite c'est l'événement qui ne marche pas :normalement chaque repére à sa bulle mais sa donne pas ca.
    Si tu veux voir : http://www.jdan.weboserv.org/script.html/ (sur le combobox tu choisi 'c1'; tu vera : lorsque tu cliquera sur les reperes pas de bulles qui apparaît ..)

    Et puis est ce que tu saurai la réponse du 1/ ???

    merci bien
    Quand je clique sur un point, l'ami Firebug me dit ca:
    Citation Envoyé par Firebug
    marker[k] is undefined
    marker[k].openInfoWindowHtml("<b> " + comment + "</b>");
    Est-ce que c'est normal? Oui
    Parce que quand tu écris ca:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    marker[k] = new GMarker(point);
    map.addOverlay(marker[k]);
    GEvent.addListener(marker[k], "click", function() {
                           marker[k].openInfoWindowHtml("<b> " + comment + "</b>");
                                                      });
    Tu déclares en callback une fonction anonyme qui va être exécuté lors de l'évènement click. Le problème, c'est que cette fonction n'est absolument pas liée au contexte dans laquelle tu l'as déclarée, donc en clair, marker[k], elle ne connait pas, donc elle plante lorsque tu lui dis d'y accéder.
    Pour résoudre le problème, il te faut explicitement lier la fonction à son contexte de déclaration, par exemple comme ca:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    var handle = function(mkr)
    {
       return function()
       {
          mkr.openInfoWindowHtml("<b> " + comment + "</b>")
       }
    }(marker[k])
     
    GEvent.addListener(marker[k], "click", handle);

Discussions similaires

  1. [POO] Fonction Affichage OBjet Javascript!
    Par lekunfry dans le forum Général JavaScript
    Réponses: 14
    Dernier message: 20/07/2007, 06h28
  2. [POO] reférence à un objet javascript
    Par Giansolo dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 08/05/2007, 09h53
  3. [POO] contenu d'un objet javascript
    Par wtfu dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 10/08/2006, 11h12
  4. [POO] Comment acceder a un objet javascript instancie dans une page mere
    Par herbert dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 20/07/2006, 19h34
  5. [POO] objet javascript et html
    Par jakouz dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 20/04/2006, 17h58

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