Comment intégrer le plugin de mondial relay

Question

flexi2202

9 Nov 2020 à 10:20

bonsoir a tous

pour certains cela est surement d une simplicité infantile
mais de mon cote je ne vois pas bien comment intégrer le plugin de mondial relay dans une page html

j ai beau relire le seul tuto a cette page

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

il y a bien un code html et un code javascript

j ai essaye ceci mais mon navigateur n affiche rien

<?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>Widget Mondial Relay Responsive avec Carte</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script src="//unpkg.com/leaflet/dist/leaflet.js"></script>
    <link rel="stylesheet" type="text/css" href="//unpkg.com/leaflet/dist/leaflet.css" />
 
    <!-- Widget MR -->
    <script src="//widget.mondialrelay.com/parcelshop-picker/jquery.plugin.mondialrelay.parcelshoppicker.min.js"></script>
 
<script type="text/javascript">
// Initialiser le widget après le chargement complet de la page
$(document).ready(function() {
  // Charge le widget dans la DIV d'id "Zone_Widget" avec les paramètres indiqués
  $("#Zone_Widget").MR_ParcelShopPicker({
    //
    // Paramétrage de la liaison avec la page.
    //
    // Selecteur de l'élément dans lequel est envoyé l'ID du Point Relais (ex: input hidden)
    Target: "#Target_Widget",
    //
    // Paramétrage du widget pour obtention des point relais.
    //
    // Le code client Mondial Relay, sur 8 caractères (ajouter des espaces à droite)
    // BDTEST est utilisé pour les tests => un message d'avertissement apparaît
    Brand: "BDTEST  ",
    // Pays utilisé pour la recherche: code ISO 2 lettres.
    Country: "FR",
    // Code postal pour lancer une recherche par défaut
    PostCode: "59000",
    // Mode de livraison (Standard [24R], XL [24L], XXL [24X], Drive [DRI])
    ColLivMod: "24R",
    // Nombre de Point Relais à afficher
    NbResults: "7",
    //
    // Paramétrage d'affichage du widget.
    //
    // Activer l'affichage Responsive.
    Responsive: true,
        // Afficher les résultats sur une carte?
    ShowResultsOnMap: false
  });
 
});
</script>
  </head>
  <body>
 
    <!-- Zone dans laquelle le Widget est chargé -->
    <div id="Zone_Widget"></div>
 
    <!-- Balise intégrant le point relais sélectionné -->
    <input type="text" id="Target_Widget" />
     
  </body>
</html>

Modifié par flexi2202 (09 Nov 2020 - 10:21)

Sujet clos

Sémantique web et HTML

Comment intégrer le plugin de mondial relay