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 :

Recupération d'un click leaflet dans une box select2


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2017
    Messages
    34
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Eure (Haute Normandie)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2017
    Messages : 34
    Points : 24
    Points
    24
    Par défaut Recupération d'un click leaflet dans une box select2
    Bonjour,
    Je ne sais pas trop si je suis au bon endroit ... mais je me lance !!!!
    J'ai une page , divisé en deux container :
    _ sur la gauche une carte leaflet dans laquelle j'ai importé un geojson ... quand je clique sur une zone je récupère les propriété lié à une zone
    _ sur la droite j'ai un formulaire contenant notamment une select boxes (select multiple ) -> select2 dans lequel sont prérentrée mes valeurs de ma carte dans les <option>

    ... voila la difficulté j'aimerai intercepté l'evenement onclick de ma carte dans mon select multiple

    un peu de code pour décrire la chose ... côté carte :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    onEachFeature: function( feature, layer ){
     layer.bindPopup( "<strong>" + feature.properties.Name + "</strong><br/>" + feature.properties.description);
     layer.on('click', function (e) {
    datavaleur=e.target.feature.properties.code;
    //c'est la dedans que j'envoie ma requete ... cela marche au cas ou pour l'affichage d'une info dans une div ou un traitement en ajax
    })
    });
    }

    et plus bas le code tout simple pour mon select2
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <script type="text/javascript">
    $(".example-multiple").select2();
    </script>
    A tout hasard auriez vous une idée ... et là ce serait super cool !!!!!

  2. #2
    Membre à l'essai
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2017
    Messages
    34
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Eure (Haute Normandie)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2017
    Messages : 34
    Points : 24
    Points
    24
    Par défaut trouvé !!!
    Au cas ou pour ceux qui chercherait ...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    var exampleMulti = $(".js-example-basic-multiple").select2();
    exampleMulti.val([e.target.feature.properties.Name, e.target.feature.properties.Name]).trigger("change");

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

Discussions similaires

  1. Click droit dans une TextBox
    Par BRUNO71 dans le forum Macros et VBA Excel
    Réponses: 19
    Dernier message: 17/01/2019, 15h01
  2. Positionnement d'un JLabel dans une Box
    Par Kerod dans le forum AWT/Swing
    Réponses: 14
    Dernier message: 27/05/2007, 01h22
  3. Linux dans une box
    Par eponyme dans le forum Matériel
    Réponses: 6
    Dernier message: 22/03/2007, 12h58
  4. [C#] Recupérer et comparer un Type dans une fonction
    Par Rycku dans le forum Windows Forms
    Réponses: 2
    Dernier message: 17/02/2007, 19h30
  5. Réponses: 11
    Dernier message: 20/10/2006, 12h16

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