단일 숫자 입력 모드

웹 사이트에 입력 필드를 추가합니다. "추적"버튼을 클릭하면 포함 된 영역이 확장되어 추적 결과를 표시합니다.

라이브 예
예시 ZA871946730HK

매개 변수

trackNumber

추적을 위한 트랙 번호.

필요함
containerId

추적 결과가 표시 될 컨테이너의 ID입니다.

필요함
height

추적 결과가 표시 될 프레임의 높이입니다. 기본은 370입니다.

필요하지 않음
width

추적 결과가 표시될 프레임의 번호입니다. 기본적으로 컨테이너의 전체 너비로 확장됩니다.

필요하지 않음
language

설정되지 않은 경우 사용자 인터페이스의 언어는 사용자 브라우저의 설정에 따라 결정됩니다.

  • 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=汉语
필요하지 않음

코드

<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">ZA871946730HK</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>