운송장조회 HTML 및 스크립트

운송장조회 HTML 및 스크립트

운송장조회 HTML 및 스크립트입니다. 깃헙에 올라온 내용이며, 택배사 등의 택배 및 항공화물을 조회할 수 있습니다.

<!-- 택배조회Coll -->
<style type="text/css">
#deliveryColl .collTitle {margin-bottom:16px;}
#deliveryColl .select_box {border:1px solid #7f9db7;width:135px;height:20px;font-size:12px;}
#deliveryColl .inp_txt {width:140px;height:14px;padding:4px 0 3px 2px;border-top:1px solid #ababab;border-left:1px solid #ababab;border-bottom:1px solid #ccc;border-right:1px solid #ccc;font-size:12px;line-height:14px;}
#deliveryColl .wrap_inquiry {padding-bottom:15px;border:1px solid #e8e8e8;background:#f9f9f9;}
#deliveryColl .wrap_inquiry .box_search {width:701px;padding:13px 0 0 15px;border-top:1px solid #fcfcfc;border-left:1px solid #fcfcfc;}
#deliveryColl .wrap_inquiry .info_delivery {float:left;}
#deliveryColl .wrap_inquiry .info_delivery .tit {float:left;padding-right:4px;font-size:12px;font-weight:bold;line-height:22px;color:#000;clear:both;}
#deliveryColl .wrap_inquiry .info_delivery .cont {float:left;width:154px;}
#deliveryColl .wrap_inquiry .inp_txt {float:left;width:140px;margin-right:5px;}
#deliveryColl .wrap_inquiry .btn_inquiry {display:block;overflow:hidden;float:left;width:41px;height:23px;padding:0;border:0;background:url(http://i1.search.daumcdn.net/s/search_all/2011/btn/btn_delivery.gif) no-repeat 0 0;font-size:0;line-height:0;text-indent:-999em;cursor:pointer;}
#deliveryColl .wrap_inquiry .delivery_num .cont {width:190px;}
#deliveryColl .wrap_inquiry .refer {float:left;margin:6px 0 0 6px;font:normal 11px '돋움', dotum;color:#777;line-height:13px;}
/* 관련정보 */
#deliveryColl .list_relation {margin:12px 0 0 0;clear:both;}
</style>
<script type="text/javascript">
var focusDeleveryNum = function()
{
if($('kocn_number').value == "예)1234567890" || $('kocn_number').value == "11자리 숫자만 입력" || $('kocn_number').value == "예)PKR000249650" || $('kocn_number').value == "예)1Z04845XYN48937807")
{
$('kocn_number').value = "";
}
};
</script>
<div id="deliveryColl" class="wid_w">
<div class="coll_tit">
<h2 class="tit">택배 및 항공화물 조회</h2>
</div>
<div class="coll_cont">
<div class="mg_cont">
<div class="wrap_inquiry">
<div class="box_search">
<form name="kocn_mm" method="post" target="_blank" onsubmit="return kocnSubmit();">
<fieldset>
<legend>택배 및 항공화물 조회</legend>
<input type="hidden" name="InvNo">
<input type="hidden" name="f_slipno">
<input type="hidden" name="sheetno">
<input type="hidden" name="sendno">
<input type="hidden" name="billno">
<input type="hidden" name="tc">
<input type="hidden" name="cust_id">
<input type="hidden" name="invc_no">
<input type="hidden" name="slipnom">
<input type="hidden" name="gubun">
<input type="hidden" name="slipno">
<input type="hidden" name="slipno_salecd">
<input type="hidden" name="iv_no">
<input type="hidden" name="search_item_no">
<input type="hidden" name="mode" value="SEARCH">
<input type="hidden" name="search_type" value="1">
<input type="hidden" name="searchMethod" value="I">
<input type="hidden" name="bl_num">
<input type="hidden" name="dtdShtno">
<input type="hidden" name="sid1">
<input type="hidden" name="wbl_num">
<input type="hidden" name="hawb_no">
<dl class="info_delivery">
<dt class="tit">업체명</dt>
<dd class="cont">
<select id="_jsDeliveryCorpListHiddenSelBox" name="_jsDeliveryCorpListHiddenSelBox" class="select_box">
<option value="0">선택해 주세요</option>
<option value="1">경동택배</option>
<option value="2">대신택배</option>
<option value="3">대한항공</option>
<option value="4">동부택배</option>
<option value="5">로젠택배</option>
<option value="6">범한판토스</option>
<option value="7">우체국택배</option>
<option value="8">일양로지스택배</option>
<option value="9">천일택배</option>
<option value="10">한덱스택배</option>
<option value="11">한의사랑택배</option>
<option value="12">한진택배</option>
<option value="13">현대택배</option>
<option value="14">CJ 대한통운택배</option>
<option value="15">CVSnet편의점택배</option>
<option value="16">DHL택배</option>
<option value="17">FedEx택배</option>
<option value="18">GTX로지스택배</option>
<option value="19">KG옐로우캡택배</option>
<option value="20">KGB택배</option>
<option value="21">OCS택배</option>
<option value="22">TNT Express</option>
<option value="23">UPS택배</option>
</select>
</dd>
</dl>
<dl class="info_delivery delivery_num">
<dt class="tit">송장번호</dt>
<dd class="cont">
<input id="kocn_number" type="text" class="inp_txt" style="width:130px" name="kocn_number" value="예)1234567890" onfocus='focusDeleveryNum();'>
<input type="submit" class="btn_bus btn_inquiry" value="조회">
</dd>
</dl>
<div class="refer" id="deleveryInfoMes">업체명 선택 후, 송장번호를 입력해주세요.</div>
</fieldset>
</form>
</div>
</div>
<dl class="collDl list_relation">
<dt class="g_tit">관련정보</dt>
<dd class="con">
<a class="stit" href="?w=tot&q=%EC%9A%B0%ED%8E%B8%EB%B2%88%ED%98%B8" onclick='smartLog(this, "s=TO&d=&a=ABQK&dc=CQX&pg=1&r=1&p=2&rc=3", event); '>우편번호</a>
<span class="vline">|</span>
<a class="stit" href="?w=tot&q=%EC%A7%80%EC%97%AD%EB%B2%88%ED%98%B8" onclick='smartLog(this, "s=TO&d=&a=ABQK&dc=CQX&pg=1&r=2&p=2&rc=3", event); '>지역번호</a>
<span class="vline">|</span>
<a class="stit" href="?w=tot&q=%EC%98%81%EB%AC%B8%EC%A3%BC%EC%86%8C" onclick='smartLog(this, "s=TO&d=&a=ABQK&dc=CQX&pg=1&r=3&p=2&rc=3", event); '>영문주소</a>
</dd>
</dl>
</div>
</div>
</div>
<script type="text/javascript">
var _jsDeliveryCompanyArr = [
["0","선택해주세요"],
["1", "경동택배", {cpName: "경동", url: "http://www.kdexp.com/sub3_shipping.asp?stype=1&p_item=##NUM##" }]
,
["2", "대신택배", {cpName: "대신", url: "https://www.ds3211.co.kr/freight/internalFreightSearch.ht" }]
,
["3", "대한항공", {cpName: "대한항공", url: "http://cargo.koreanair.com/ecus/trc/servlet/TrackingServlet?pid=5&version=kor&menu1=m1&menu2=m01-1&awb_no=##NUM##" }]
,
["4", "동부택배", {cpName: "동부익스프레스", url: "http://www.dongbups.com/newHtml/delivery/delivery_search_view.jsp?item_no=##NUM##" }]
,
["5", "로젠택배", {cpName: "로젠", url: "http://www.ilogen.com/iLOGEN.Web.New/TRACE/TraceView.aspx?gubun=slipno&slipno=##NUM##" }]
,
["6", "범한판토스", {cpName: "범한판토스", url: "http://www.epantos.com/jsp/gx/tracking/tracking/trackingInquery.jsp?refNo=##NUM##" }]
,
["7", "우체국택배", {cpName: "우체국", url: "http://service.epost.go.kr/trace.RetrieveRegiPrclDeliv.postal?sid1=##NUM##" }]
,
["8", "일양로지스택배", {cpName: "일양로지스", url: "http://www.ilyanglogis.com/functionality/tracking_result.asp?hawb_no=##NUM##" }]
,
["9", "천일택배", {cpName: "천일", url: "http://www.chunil.co.kr/HTrace/HTrace.jsp?transNo=##NUM##" }]
,
["10", "한덱스택배", {cpName: "한덱스", url: "http://btob.sedex.co.kr/work/app/tm/tmtr01/tmtr01_s4.jsp?IC_INV_NO=##NUM##" }]
,
["11", "한의사랑택배", {cpName: "한의사랑", url: "http://www.hanips.com/html/sub03_03_1.html?logicnum=##NUM##" }]
,
["12", "한진택배", {cpName: "한진", url: "http://www.hanjin.co.kr/Delivery_html/inquiry/result_waybill.jsp?wbl_num=##NUM##" }]
,
["13", "현대택배", {cpName: "현대", url: "http://www.hlc.co.kr/personalService/tracking/06/tracking_goods_result.jsp?InvNo=##NUM##" }]
,
["14", "CJ 대한통운택배", {cpName: "CJ대한통운", url: "https://www.doortodoor.co.kr/parcel/doortodoor.do?fsp_action=PARC_ACT_002&fsp_cmd=retrieveInvNoACT&invc_no=##NUM##" }]
,
["15", "CVSnet편의점택배", {cpName: "CVSNET편의점", url: "http://was.cvsnet.co.kr/_ver2/board/ctod_status.jsp?invoice_no=##NUM##" }]
,
["16", "DHL택배", {cpName: "DHL", url: "http://www.dhl.co.kr/content/kr/ko/express/tracking.shtml?brand=DHL&AWB=##NUM##" }]
,
["17", "FedEx택배", {cpName: "FEDEX", url: "http://www.fedex.com/Tracking?ascend_header=1&clienttype=dotcomreg&cntry_code=kr&language=korean&tracknumbers=##NUM##" }]
,
["18", "GTX로지스택배", {cpName: "GTX로지스", url: "http://www.gtxlogis.co.kr/tracking/default.asp?awblno=##NUM##" }]
,
["19", "KG옐로우캡택배", {cpName: "KG옐로우캡", url: "http://www.yellowcap.co.kr/custom/inquiry_result.asp?INVOICE_NO=##NUM##" }]
,
["20", "KGB택배", {cpName: "KGB", url: "http://www.kgbls.co.kr/sub5/trace.asp?f_slipno=##NUM##" }]
,
["21", "OCS택배", {cpName: "OCS", url: "http://www.ocskorea.com/online_bl_multi.asp?mode=search&search_no=##NUM##" }]
,
["22", "TNT Express", {cpName: "TNTExpress", url: "http://www.tnt.com/webtracker/tracking.do?respCountry=kr&respLang=ko&searchType=CON&cons=##NUM##" }]
,
["23", "UPS택배", {cpName: "UPS", url: "http://wwwapps.ups.com/WebTracking/track?track=yes&trackNums=##NUM##" }]
];
if( totCollCount == "1" && daum.$("mCenter") ) {
daum.$("mCenter").style.paddingBottom = "100px";
}
function kocnSubmit(){
var num = daum.$("kocn_number").value;
var kocn_1 = daum.$("_jsDeliveryCorpListHiddenSelBox").value;
if ( kocn_1 === "0" || num == "" || num.startWith("예)") || num.startWith("11자리") ) {
alert('업체명과 송장번호를 확인해주세요.');
return false;
}
var cpName = _jsDeliveryCompanyArr[kocn_1][2].cpName;
num = num.replaceAll('-','');
var url = _jsDeliveryCompanyArr[kocn_1][2].url;
smartLog(null, "s=TO&d=&a=ABQK&dc=CQX&pg=1&r=1&p=1&rc=1&u="+encodeURIComponent(url), "");
if( url.match(/##NUM##/) ) {
if ( cpName == "CVSNET편의점" ){
url = url.replace(/##NUM##/, num);
document.kocn_mm.method = "post";
document.kocn_mm.slipno.value = num;
} else {
window.open(url.replace(/##NUM##/, num), "kocnss");
return false;
}
} else {
if ( cpName == "대신") {
document.kocn_mm.method = "GET";
document.kocn_mm.billno.value = num;
}
}
document.kocn_mm.action = url;
}
SF.M.addStayLogColl({code: "CQX", id: "deliveryColl"});
</script>
<!-- end 택배조회Coll -->