Obj_check.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!DOCTYPE html>
  2. <html lang="ko">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
  6. <TITLE>인증서 관리프로그램 설치 &lt; 한국전자인증</TITLE>
  7. <style type="text/css">
  8. body,div,ul,ol,li,nav,section,footer{margin: 0px auto; padding: 0px; font-family :NanumGothic, dotum, Georgia, serif,san-serif; font-size : 14px;color: #333;}
  9. h1,h2,h3,h4,h5{ margin: 0px; padding: 0px; font-weight: normal;}
  10. ul,li{ list-style: none; }
  11. a{text-decoration:none;border-radius:3px;}
  12. #setup{ width: 95%; height: 100%; margin: auto;}
  13. #next{ padding: 10px}
  14. #faq{ float: right; margin-bottom: 10px }
  15. #list{ list-style: none; line-height: 150%;margin-top: 10px}
  16. #bottom{ width: 100%; background: #f7f8f9;padding:15px 10px; position: fixed; bottom:100px;}
  17. #floating{ position: fixed; bottom:7px; right:10px; z-index:1;}
  18. /* button */
  19. #btn{ text-align: center; margin-top:15px}
  20. #btn li{ display: inline; }
  21. .bl_s a{height: 32px; line-height: 32px; border: 1px solid #244997; background: #2e58a6;color: #fff; padding: 7px 20px; margin:5px;font-size : 12px;}
  22. .bl_s a:hover{color: #2e58a6; background: #fff}
  23. .wh a{height: 32px; line-height: 32px; background: #fff;color: #2e58a6;border: 1px solid #244997; padding: 10px 10px;font-size : 18px;}
  24. .wh a:hover{ background: #2e58a6;color: #fff;}
  25. .wh_s a{line-height: 32px; background: #fff;color: #2e58a6;border: 1px solid #244997; padding: 6px 18px; font-size : 12px;}
  26. .wh_s a:hover{ background: #2e58a6;color: #fff;}
  27. .rd_s a:hover{ background: #fff;color: #e55c5c;border: 1px solid #e55c5c; }
  28. .rd_s a{ background: #e55c5c;color: #fff; line-height: 32px; padding: 7px 20px; font-size : 12px;}
  29. .setting{ color: red;}
  30. .flor{ float: right; }
  31. #setup{ max-width: 720px; }
  32. /* table */
  33. table {border-collapse: collapse; width:100%; border-top: 2px solid #5e6062; border-left: 2px solid #fff; border-right: 2px solid #fff;margin-top:10px;text-align:center}
  34. td{ background: #f7f8f9; font-size: 12px;}
  35. td a{ color: #333; }
  36. td a:hover{ color: #28459d}
  37. th, td {padding:8px; border: 1px solid #dee0e2; line-height: 140%; }
  38. td li{ text-align: left;line-height: 180%; background: url('../images/icon_dot.gif') no-repeat 0 8px; padding-left: 8px;margin-left: 5px}
  39. </style>
  40. <script type="text/javascript" src="../unisignweb/framework/json2.js" ></script>
  41. <script type="text/javascript" src="./ObjectInstall.js" ></script>
  42. </head>
  43. <body>
  44. <div style="text-align:center;height:130px; width:100%; background:#0066bb;margin-bottom:5px"><img src="http://www.unisign.co.kr/kbstarQR/images/module.jpg" alt="" /></div>
  45. <div style="text-align:center"><img src="./CCimages/startstop.gif" class="loading" alt="" /></div>
  46. <div id="setup">
  47. <ul id="list">
  48. <li>•고객님의 안전한 인증서비스 이용을 위하여 인증프로그램을 설치합니다.</li>
  49. <li>•설치를 마치신 후 반드시 새로고침 버튼을 눌러 주시기 바랍니다.</li>
  50. <li>•설치화면이 반복적으로 나올 경우 웹브라우저를 종료하고 다시 접속하세요.</li>
  51. </ul>
  52. <br><br>
  53. <div id="faq">
  54. <span style="margin-right: 15px;">문의전화 1566-0566</span>
  55. <span id="btn" class="wh_s"><a href="https://www.crosscert.com/support" target="_blank">원격지원서비스</a></span>&nbsp;&nbsp;
  56. <span id="btn" class="rd_s"><a href="https://board.crosscert.com/faq/uni/9" target="_blank">프로그램 설치 오류 해결하기</a></span>
  57. </div>
  58. <table>
  59. <tr>
  60. <th width="150px">프로그램명</th>
  61. <th>기능</th>
  62. <th width="150px">설치상태</th>
  63. </tr>
  64. <tr>
  65. <td>UniSign<br>(<span id="usversion"></span>)</td>
  66. <td> 인증서 관리를 위한 응용프로그램입니다. </td>
  67. <td id="install_2">
  68. <span class="setting" id="install_txt_2">설치확인중</span><br />
  69. <span id="btn_install_2" class="wh_s" style="display: none;"><a target='_blank' href="./UniSignCRSV3Setup.exe" >Window용 설치하기</a></span>
  70. <span id="btn_run_2" class="wh_s" style="display: none;"><a href="#" onclick="fnRun(2)">실행하기</a></span>
  71. </td>
  72. </tr>
  73. </table>
  74. <iframe id="us-downloadURL" name="us-downloadURL" width="0" height="0" style="display: none;"></iframe>
  75. <div id="next" style="text-align: center">
  76. 설치가 완료되면 자동으로 페이지를 이동합니다.<br>
  77. <!-- <span id="btn" class="bl_s"><a href="javascript:;" onclick="self.close()" style="font-weight: bold;">확인</a></span> -->
  78. </div>
  79. </div>
  80. </body>
  81. <script type="text/javascript">
  82. function fnUniCRSCall(){
  83. document.getElementById("hsmiframe").src = "UNICRSV3:///";
  84. setTimeout(function(){document.location.reload();}, 5000);
  85. }
  86. var checker = UniCRSInstall({
  87. options: {
  88. callerName: 'checker' // 선언 변수명과 반드시 동일 해야 함!
  89. },
  90. success: function(){
  91. document.getElementById("install_txt_2").innerHTML = "설치됨";
  92. document.getElementById("btn_install_2").style.display = 'none';
  93. setTimeout(function(){document.location.href = '../../ccc-sample-wstd/SignDataP7.html';}, 500);
  94. },
  95. fail: function(code, msg, detailmsg){
  96. document.getElementById("install_txt_2").innerHTML = msg;
  97. document.getElementById("next").innerHTML = detailmsg;
  98. document.getElementById("btn_install_2").style.display = 'block';
  99. },
  100. progress: function(msg){
  101. document.getElementById("next").innerHTML = msg;
  102. }
  103. });
  104. document.getElementById('usversion').innerHTML = checker.info.version;
  105. </script>
  106. </html>