비즈니스 정보 공유

kcp 구매안전(에스크로)서비스 가입 사실 확인 링크 거는 방법

(ごεご)乃 2013. 2. 1. 16:42

kcp 구매안전(에스크로)서비스 가입 사실 확인 링크 거는 방법

 

 

 

 

 

 

 

 

 

 1.아래 그림 처럼 단순하게 가맹점 조회 페이지를 링크 시키는 방법

 

에스크로 가맹점 조회 페이지 ☞  http://www.kcp.co.kr/alpa.escrow.cpsearch.do

 

태그 ↓

<a href="http://www.kcp.co.kr/alpa.escrow.cpsearch.do" target="_blank"><img src="이미지 경로" border="0"></a>

 

 

 

 

2.아래 그림 처럼 자바스크립트를 활용 하는방법

 

클릭하면 새로운창으로 에스크로 서비스 가입 사실 확인 창이 뜬다.

 

예제 파일escrow.zip

 

 태그 ↓

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
 <title>에스크로 가입확인</title>
 <style type="text/css">
  body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}
 </style>
 <script language="JavaScript">
  function go_check()
  {
   var status  = "width=500 height=450 menubar=no,scrollbars=no,resizable=no,status=no";
   var obj     = window.open('', 'kcp_pop', status);

   document.shop_check.method = "post";
   document.shop_check.target = "kcp_pop";
   document.shop_check.action = "http://admin.kcp.co.kr/Modules/escrow/kcp_pop.jsp";

   document.shop_check.submit();
  }
 </script>
 </head>

<body>
 <form name="shop_check" method="post" action="http://admin.kcp.co.kr/Modules/escrow/kcp_pop.jsp">
  <input type="hidden" name="site_cd" value="P0010">
  <table border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><img src="이미지 경로" width="290" height="92" border="0" usemap="#Map"></td>
    </tr>
  </table>
  <map name="Map" id="Map">
    <area shape="rect" coords="5,62,74,83" href="javascript:go_check()" alt="가입사실확인"  onfocus="this.blur()"/>
  </map>
 </form>
</body>
</html>

 

 

 

 

kcp에서 알려준 방법이지만 쇼핑몰에 적용결과 쇼핑몰이 뒤틀린다...-_-...

그리고 한이미지에 여러개의 이미지맵을 사용 하지 못한다..

 

 

 

 

 

 

3.아래 그림 처럼 여러개의 링크가 필요한 이미지에 링크 거는방법

 

 

 

 

 

태그 ↓

 

<img src="이미지 경로" width="961" height="69" border="0" usemap="#ImageMap0">            <map name="ImageMap0">

 
  <area shape="rect" coords="147,3,313,60" href="http://www.ftc.go.kr/info/bizinfo/stdContractView.jsp?std_agrmt_no=88&currpage=1&searchKey=1&searchVal=전자&stdate=&enddate==" target="_blank" onfocus='blur()'>
  <area shape="rect" coords="316,3,452,60" href="http://www.kcp.co.kr/" target="_blank"" onfocus='blur()'>
  <area shape="rect" coords="455,3,640,60" href="http://admin.kcp.co.kr/Modules/escrow/kcp_pop.jsp?site_cd=P0010" target="_blank"" onfocus='blur()'>
  <area shape="rect" coords="644,3,812,60" href="http://www.rankey.com/" target="_blank"" onfocus='blur()'>
 
</map>

 

 

 

 

 

※ 이미지에 다이렉트 링크 거는 태그

 

<a href="http://admin.kcp.co.kr/Modules/escrow/kcp_pop.jsp?site_cd=P0010" target="_blank"><img src="이미지 경로" border="0"></a>

 

 

 

 

붉은색으로 표시된 코드는

 kcp 상점 관리 페이지< https://admin8.kcp.co.kr/assist/login.LoginAction.do >에 접속 해서 아이디 밑에 사이트 코드를 입력하면된다.