Comment ajouter le plugin de mondial relay [Résolu]

Signaler
Messages postés
2348
Date d'inscription
lundi 14 mars 2011
Statut
Membre
Dernière intervention
17 janvier 2021
 -
Messages postés
2348
Date d'inscription
lundi 14 mars 2011
Statut
Membre
Dernière intervention
17 janvier 2021
 -
bonjour a tous
je cherche a intégrer le plugin de mondial relay sur ma page html
via cette explication

https://widget.mondialrelay.com/parcelshop-picker/v4_0/codesamples/Sample-LightImplementation.aspx#doc_utilisation

je cree donc la page html comme indique 
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" dir="ltr">
  <head>
    <title>Utilisation du Widget Mondial Relay</title>
    <!--jQuery-->  
    <script type="text/javascript" 
            src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>  
    <!-- Widget MR -->
    <script type="text/javascript"   
            src="https://widget.mondialrelay.com/parcelshop-picker/jquery.plugin.mondialrelay.parcelshoppicker.min.js"></script>    
  </head>
  <body>
    <!-- Widget -->
    <div id="Zone_Widget"></div>
    <!-- Parcelshop code -->
    <input type="hidden" id="ParcelShopCode" name="ParcelShopCode" />
  </body>
</html>


puis je dois y intégrer apparemment ce morceau de code en JavaScript je supposse dans le head 

<!--On charge Jquery depuis le CDN de google-->  
< script type = "text / javascript" src = "//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" > </ script >    
  
<!-- Charger Leaflet pour l'affichage de la map-->  
< script type = "text / javascript" src = "//unpkg.com/leaflet/dist/leaflet.js" > </ script >    
< link rel = "stylesheet" type = "text / css" href = "//unpkg.com/leaflet/dist/leaflet.css" />      
  
 <!--On charge le widget mondial relay depuis leurs serveurs-->  
< script type = "text / javascript" src = "https://widget.mondialrelay.com/parcelshop-picker/jquery.plugin.mondialrelay.parcelshoppicker.min.js" > </ script >


et ensuite ce morceau de code aussi dans le head
j ai essaye mais cela ne fonctionne pas 

$ (document) .ready ( fonction  (){  
       // Charge le widget dans la DIV d'id "Zone_Widget" avec les paramètres indiqués  
       // et renverra le Point Relais sélectionné par l'utilisateur dans le champs d'ID "Retour_Widget"  
        $ ( "#Zone_Widget" ) .MR_ParcelShopPicker ({     
                Target: "#Retour_Widget", // Selecteur JQuery de l'élément dans lequel sera renvoyé l'ID du Point Relais sélectionné (généralement un champ input hidden)  
                Brand: "BDTEST  ", // Votre code client Mondial Relay  
                Country: "FR" // Code ISO 2 lettres du pays utilisé pour la recherche  
        });  
});


merci de l aide
Afficher la suite

2 réponses

Réponse 1 / 2
Messages postés
31087
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
18 janvier 2021
 3 192
Bonjour,

Je vois déjà bien trops d'espaces dans ton code JS
Ne serait-ce que là 
Brand: "BDTEST  ",


Ensuite, pour voir ce qui cloche, il faut que tu regardes dans la console de ton navigateur les éventuelles erreurs JS qui y seraient indiquées...
Signaler
Messages postés
31087
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
18 janvier 2021
 3 192
Je n'ai rien dit, c'est comme ça dans la doc.. bizarre

par contre, regarde ici
https://jsfiddle.net/MondialRelay/a9mxhow5/
Réponse 2 / 2
Messages postés
2348
Date d'inscription
lundi 14 mars 2011
Statut
Membre
Dernière intervention
17 janvier 2021
 125
merci jordane c est finalement resolu
Répondre Posez votre question