단일 숫자 입력 모드

매개 변수

<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>
    <!-- 소포 추적 결과가 표시되는 컨테이너입니다.-->
    <div class="widget-pkge-net-result" id="widget-container"></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 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.trackBlockIntegrated({            //필요함. 추적을 위한 트랙 번호.
            'trackNumber': trackNumber,
             //필요함. 추적 결과가 표시 될 컨테이너의 ID입니다.
            'containerId': 'widget-container',
             //필요하지 않음. 추적 결과가 표시될 프레임의 번호입니다. 기본적으로 컨테이너의 전체 너비로 확장됩니다.
            'width': 970,
             //필요하지 않음. 추적 결과가 표시 될 프레임의 높이입니다. 기본은 370입니다.
            'height': 370,
            //필요하지 않음. 설정되지 않은 경우 사용자 인터페이스의 언어는 사용자 브라우저의 설정에 따라 결정됩니다.
            'language': 'ko'
        });
}
</script>