Invoermodus voor één nummer

Voeg een invoerveld toe aan uw website. Door op de knop "VOLGEN" te klikken, wordt het ingesloten gebied vergroot om de trackingresultaten weer te geven.

Live voorbeeld
Bijvoorbeeld: ZA871946730HK

Algemeen

trackNumber

Tracknummer voor volgen.

Vereist
containerId

De ID van de container waarin het volgresultaat wordt weergegeven.

Vereist
height

De hoogte van het frame waarin de trackingresultaten worden weergegeven. De standaardwaarde is 370.

Optioneel
width

De breedte van het frame waarin de trackingresultaten worden weergegeven. Standaard strekt zich uit over de volledige breedte van de container.

Optioneel
language

De taal van de gebruikersinterface, indien niet ingesteld, wordt bepaald door de instellingen van de browser van de gebruiker.

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

Code

<link rel="stylesheet" href="https://pkge.net/css/externalwidget.min.css">
<div class="widget-pkge-net">
    <div class="widget-pkge-net-search">
        <!--Tracknummer invoerveld.-->
        <input type="text" class="widget-pkge-net-textfield" id="track-number" maxlength="40" />
        <!-- Knop om de scriptmethode aan te roepen en het volgproces te starten.-->
        <input type="button" class="widget-pkge-net-button" value="Volgen" onclick="widgetTrack()" />
    </div>
    <!-- De container waarin het resultaat van het volgen van het pakket wordt weergegeven.-->
    <div class="widget-pkge-net-result" id="widget-container"></div>
    <div class="widget-pkge-net-help">Bijvoorbeeld: <span onclick="document.getElementById('track-number').value = this.innerText">ZA871946730HK</span></div>
    <div class="widget-pkge-net-link">Pakket volgen – <a href="https://pkge.net">pkge.net</a></div>
</div>

<!--Het script dat nodig is om de widget te laten werken. Kan aan het einde van de pagina worden ingevoegd.-->
<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('Voer het tracknummer in!');
            return false;
        }

        PKGEExtWidget.trackBlockIntegrated({
            //Vereist. Tracknummer voor volgen.
            'trackNumber': trackNumber,
             //Vereist. De ID van de container waarin het volgresultaat wordt weergegeven.
            'containerId': 'widget-container',
             //Optioneel. De breedte van het frame waarin de trackingresultaten worden weergegeven. Standaard strekt zich uit over de volledige breedte van de container.
            'width': 970,
             //Optioneel. De hoogte van het frame waarin de trackingresultaten worden weergegeven. De standaardwaarde is 370.
            'height': 370,
            //Optioneel. De taal van de gebruikersinterface, indien niet ingesteld, wordt bepaald door de instellingen van de browser van de gebruiker.
            'language': 'nl'
        });
}
</script>