Mode de saisie du numéro unique

Ajouter un champ de saisie à votre site web. En cliquant sur le bouton "SUIVRE", la zone incorporée sera développée pour afficher les résultats du suivi.

Exemple vivant
Par exemple: 9261290358097804980356

Paramètres

trackNumber

Numéro de piste pour le suivi.

Obligatoire
containerId

ID du conteneur dans lequel le résultat du suivi du colis sera affiché.

Obligatoire
height

Hauteur du cadre à laquelle les résultats du suivi des colis seront affichés. Valeur par défaut - 370.

Non obligatoire
width

Largeur du cadre dans lequel les résultats du suivi des colis seront affichés. Par défaut, il est étiré sur toute la largeur du conteneur.

Non obligatoire
language

Langue de l'interface utilisateur, si elle n'est pas spécifiée, sera déterminée par les paramètres du navigateur de l'utilisateur.

  • en=English
  • de=Deutsch
  • es=Español
  • fr=Français
  • ko=한국어
  • id=Bahasa Indonesia
  • it=Italiano
  • ja=日本語
  • nl=Nederlands
  • pl=Polski
  • pt=Português
  • th=ไทย
  • tr=Türkçe
  • zh=汉语
  • ru=Русский
  • uk=Українська
Non obligatoire

Code

<link rel="stylesheet" href="https://pkge.net/css/externalwidget.min.css">
<div class="widget-pkge-net">
    <div class="widget-pkge-net-search">
        <!--Champ de saisie du numéro de piste.-->
        <input type="text" class="widget-pkge-net-textfield" id="track-number" maxlength="40" />
        <!-- Bouton pour appeler la méthode de script et démarrer le processus de suivi.-->
        <input type="button" class="widget-pkge-net-button" value="Suivre" onclick="widgetTrack()" />
    </div>
    <!-- Le conteneur dans lequel le résultat du suivi du colis sera affiché.-->
    <div class="widget-pkge-net-result" id="widget-container"></div>
    <div class="widget-pkge-net-help">Par exemple: <span onclick="document.getElementById('track-number').value = this.innerText">9261290358097804980356</span></div>                            <div class="widget-pkge-net-link">Suivi des colis – <a href="https://pkge.net">pkge.net</a></div></div>

<!--Script requis pour le fonctionnement de widget. On peut l'insérer à la fin de la page.-->
<script type="text/javascript" src="https://pkge.net/externalwidget.min.js"></script>
<script type="text/javascript">
function widgetTrack() {
        var trackNumber = document.getElementById('track-number').value;

        if (!trackNumber) {
            alert('Entrer le numéro de piste!');
            return false;
        }

        PKGEExtWidget.trackBlockIntegrated({            //Obligatoire. Numéro de piste pour le suivi.
            'trackNumber': trackNumber,
             //Obligatoire. ID du conteneur dans lequel le résultat du suivi du colis sera affiché.
            'containerId': 'widget-container',
             //Non obligatoire. Largeur du cadre dans lequel les résultats du suivi des colis seront affichés. Par défaut, il est étiré sur toute la largeur du conteneur.
            'width': 970,
             //Non obligatoire. Hauteur du cadre à laquelle les résultats du suivi des colis seront affichés. Valeur par défaut - 370.
            'height': 370,
            //Non obligatoire. Langue de l'interface utilisateur, si elle n'est pas spécifiée, sera déterminée par les paramètres du navigateur de l'utilisateur.
            'language': 'fr'
        });
}
</script>