Invoermodus voor één nummer

Algemeen

<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()" />
        <!-- De container waarin het resultaat van het volgen van het pakket wordt weergegeven.-->
        <div class="widget-pkge-net-result" id="widget-container"></div>
    </div>
    <div class="widget-pkge-net-help">Bijvoorbeeld: <span onclick="document.getElementById('track-number').value = this.innerText">9261290358097804980356</span></div>
    <div class="widget-pkge-net-link">Pakket volgen – <a target="_blank" 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.trackSimple({            //Vereist. Tracknummer voor volgen.
            'trackNumber': trackNumber,
            //Optioneel. De taal van de gebruikersinterface, indien niet ingesteld, wordt bepaald door de instellingen van de browser van de gebruiker.
            'language': 'nl'
        });
}
</script>