หมายเลขติดตาม
UI ซึ่งเป็นภาษาตั้งต้นสามารถถูกจดจำได้อัตโนมัติจากการตั้งค่าของเบราเซอร์
<link rel="stylesheet" href="https://pkge.net/css/externalwidget.min.css">
<div class="widget-pkge-net">
<div class="widget-pkge-net-search">
<!--ช่องใส่หมายเลขติดตามพัสดุ-->
<input type="text" class="widget-pkge-net-textfield" id="track-number" maxlength="40" />
<!-- ปุ่มสำหรับเริ่มสคริปต์และเริ่มต้นการติดตาม-->
<input type="button" class="widget-pkge-net-button" value="ติดตาม" onclick="widgetTrack()" />
<!-- ส่วนที่ผลการติดตามพัสดุจะปรากฎขึ้น-->
<div class="widget-pkge-net-result" id="widget-container"></div>
</div>
<div class="widget-pkge-net-help">ตัวอย่าง <span onclick="document.getElementById('track-number').value = this.innerText">9261290358097804980356</span></div>
<div class="widget-pkge-net-link">การติดตามพัสดุ – <a target="_blank" href="https://pkge.net">pkge.net</a></div>
</div>
<!--สคริปต์จำเป็นสำหรับวิดเจ็ต ข้อมูลสามารถเพิ่มไปที่ท้ายหน้าได้-->
<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('กรุณาใส่หมายเลขติดตามพัสดุของคุณ:');
return false;
}
PKGEExtWidget.trackSimple({ //เพิ่มเติม. หมายเลขติดตาม
'trackNumber': trackNumber,
//จำเป็น. UI ซึ่งเป็นภาษาตั้งต้นสามารถถูกจดจำได้อัตโนมัติจากการตั้งค่าของเบราเซอร์
'language': 'th'
});
}
</script>