..
DEV/html/css/js/img (61)
dll ocx 레지스트리에 등록
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

시작 - 실행 - cmd


regsvr32 "C:\Program Files\Hnc\Hwp80\HwpCtrl.ocx"


regsvr32를 이용하여 dll을 등록하는 의미는 레지스트리에 CLSID를 등록하여 COM서버가 실행될 수 있게 하기 위함.


activex관련 스크립트가 실행되지 않는다면 레지스트리에서 CLSID로 검색해보고 없으면 regsvr32를 통해 레지스트리에 등록해주자.



'DEV > html/css/js/img' 카테고리의 다른 글

HTML Entity Code  (0) 2014.04.30
<form enctype='multipart/form-data'>를 일반 form으로 submit하기  (0) 2014.03.19
크로스 도메인 Cross Doamin  (0) 2013.11.28
  Comments,     Trackbacks
HTML Entity Code
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

엔티티 코드


HTML 예약 문자나 특수 문자를 쓸때 사용

(간혹 Value와 구분이 안되서 스크립트 에러가 발생할 때가 있음.)



 문자

엔티티문자 

엔티티숫자 

 &

 &amp; 

&#38; 

 <

&lt; 

&#60; 

 >

&gt; 

&#62; 

 공백

&nbsp; 

&#160; 


엔티티 코드 정보 : http://entitycode.com/




  Comments,     Trackbacks
<form enctype='multipart/form-data'>를 일반 form으로 submit하기
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

페이지 에서 2개의 Submit을 해야함.

Case1 첨부파일 포함 Submit -> controller에서 Mutil~~로 받기

Case2 첨부파일 없이 Submit -> controller에서 HttpServletRequest로 받기


폼에는 enctype을 선언하고 Case1은 Submit하고 Case2는 form.encoding 선언하기


<form name="form" method="post" enctype="multipart/form-data">

 <input type="button" value="보내기" onclick="fnSubmit()">

</form>


Case2를 위한 Submit 방법 

<script language="JavaScript">

function fnSubmit() {

  form.encoding = "application/x-www-form-urlencoded"; // 이부분.

  form.method = "post";

  form.target = "target name";

  form.action = "url";

  form.submit();

}

</script>

'DEV > html/css/js/img' 카테고리의 다른 글

HTML Entity Code  (0) 2014.04.30
크로스 도메인 Cross Doamin  (0) 2013.11.28
textarea 글자수 체크  (0) 2013.08.30
  Comments,     Trackbacks
크로스 도메인 Cross Doamin
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

◎ 다른 도메인간에 자바스크립트

도메인이 다른 경우

도메인 a1
도메인 a2

a1에서 a2를 호출해서 popup을 띄운다.

a2 버튼 클릭 후 a1을 reload 하고 a2를 close 시키려면 문제가 생긴다.

window.opener.location.reload(); 호출 시 도메인이 달라서 opener를 못찾기 때문이다.

<script>document.domain="도메인 명";</script>

==> cross domain 이라고 검색하면 나옴..

http://coolengineer.com/entry/avoid-cross-domain-1



http://webtn.tistory.com/entry/javascriptCross-Domain-%EA%B9%A8%EB%B6%80%EC%88%98%EA%B8%B0

http://blog.naver.com/PostView.nhn?blogId=park_yun_ho&logNo=150105270338

http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=qna_html&wr_id=86840&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%C6%CB%BE%F7%C3%A2&sop=and&spt=-38129&page=25


'DEV > html/css/js/img' 카테고리의 다른 글

<form enctype='multipart/form-data'>를 일반 form으로 submit하기  (0) 2014.03.19
textarea 글자수 체크  (0) 2013.08.30
특정 div print 하기  (0) 2013.08.26
  Comments,     Trackbacks
textarea 글자수 체크
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  <head>
  4.   <title> New Document </title>
  5.   <meta name="Generator" content="EditPlus">
  6.   <meta name="Author" content="">
  7.   <meta name="Keywords" content="">
  8.   <meta name="Description" content="">
  9.  
  10. <script language=javascript>
  11. var oldStr, oldCnt;
  12. function checkByte(element) {
  13.     var onechar;
  14.     var tcount = 0;
  15.  
  16.     for (k=0;k<element.value.length;k++) {
  17.         onechar = element.value.charAt(k);
  18.  
  19.         if (escape(onechar).length > 4)
  20.             tcount += 2;
  21.         else if (onechar!='\r')
  22.             tcount++;
  23.     }
  24.  
  25.     if(tcount>50) {
  26.         document.StrCountForm.cbyte.value = tcount;//수정할 부분
  27.         alert("허용된 글자수가 초과되었습니다.\r\n초과된 부분은 자동으로 삭제됩니다.");
  28.         element.value = oldStr;
  29.         tcount = oldCnt;
  30.     }
  31.     oldStr = element.value;
  32.     oldCnt = tcount;
  33.     document.StrCountForm.cbyte.value = tcount;//수정할 부분
  34. }
  35. function ChkLen() {
  36.   var msgtext, msglen;
  37.    
  38.     msgtext = document.MsgForm.MSG_TXT.value;
  39.     msglen = document.MsgForm.MSG_TXT_CNT.value;
  40.    
  41.     var i=0,l=0;
  42.     var temp,lastl;
  43.    
  44.     //길이를 구한다.
  45.     while(i < msgtext.length)
  46.     {
  47.         temp = msgtext.charAt(i);
  48.        
  49.         if (escape(temp).length > 4)
  50.             l+=2;
  51.         else if (temp!='\r')
  52.             l++;
  53.         // OverFlow
  54.         if(l>80)
  55.         {
  56.             //alert(l);
  57.             alert("메시지란에는 한글 40자, 영문80자까지만 쓰실 수 있습니다.");
  58.             temp = document.MsgForm.MSG_TXT.value.substr(0,i);
  59.             document.MsgForm.MSG_TXT.value = temp;
  60.             l = lastl;
  61.             break;
  62.         }
  63.         lastl = l;
  64.         i++;
  65.     }
  66.     MsgForm.MSG_TXT_CNT.value=l;
  67. }
  68. </script>
  69.  
  70.  </head>
  71.  
  72.  <body>
  73.  
  74. <TABLE WIDTH='27%' CELLSPACING=2 CELLPADDING=0 BORDER=0 ALIGN=CENTER>
  75.   <FORM NAME=StrCountForm>
  76.             <TR>
  77.  
  78.       <TD> <TEXTAREA NAME=StrCountForm1 COLS=46 onKeyUp="checkByte(this)"></TEXTAREA></TEXTAREA>
  79.         <br>
  80.         <input type="text" name="cbyte" class=byte value="0" size="3">
  81.         /50Byte(한글25)<br>
  82.               </TD>
  83. </TR></FORM>
  84. </TABLE>
  85.  
  86.  </body>
  87. </html>


'DEV > html/css/js/img' 카테고리의 다른 글

크로스 도메인 Cross Doamin  (0) 2013.11.28
특정 div print 하기  (0) 2013.08.26
jquery change event ie 오동작.  (0) 2012.02.21
  Comments,     Trackbacks
특정 div print 하기
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.


<script type="text/javascript"><!--
function ClickHereToPrint(){
try{
var oIframe = document.getElementById('ifrmPrint');
var oContent = document.getElementById('divToPrint').innerHTML;
var oDoc = (oIframe.contentWindow || oIframe.contentDocument);
if (oDoc.document) oDoc = oDoc.document;
oDoc.write("&lt;head><title>title&lt;/title>");
oDoc.write("<body onload='this.focus(); this.print();'>");
oDoc.write(oContent + "</body>");
oDoc.close();
}
catch(e){
self.print();
}
}
// --></title></script>
<body> <a onclick="ClickHereToPrint();">Print</a> <iframe id='ifrmPrint' src='#' style="width:0px; height:0px;"></iframe> <div id="divToPrint"> content </div> </body>


http://www.isolutionteam.co.uk/printing-contents-of-a-div-using-javascript/


'DEV > html/css/js/img' 카테고리의 다른 글

textarea 글자수 체크  (0) 2013.08.30
jquery change event ie 오동작.  (0) 2012.02.21
firfox firbug console 사용방법  (0) 2011.12.01
  Comments,     Trackbacks
jquery change event ie 오동작.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
jquery에서 ie6 ~ i8 까지 


해당 이벤트가 먹히지 않음.

해결 방법은 아래와 같다.

  Comments,     Trackbacks
firfox firbug console 사용방법
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
1. 스크립트

확인을 원하는 위치에 중단점을 찍고 해당 라인 근처에 변수값이 무엇이 들어 갔는지 확인 할 수 있음.

firfox console 모드 분석

http://webkorea.tistory.com/96
  Comments,     Trackbacks
mouseout 시 자식 엘리먼트 영향받지 않도록 구현
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
[출처] http://bum20.springnote.com/pages/3253980.xhtml

hover(over, out)

일치된 엘리먼트에 mouseover와 mouseout핸들러를 할당한다. 이 핸들러는 마우스 포인터가 오직 엘리먼트가 감싼 영역에 들어가고 나갈 때만 실행되며 자식 엘리먼트로 이동하는것은 무시된다.

 마우스 포인터가 자식엘리먼트 위를 지나갈때 반응할 필요가 없는 상황에 유리하다 

 

$(function(){

        $('#outer1').bind('mouseover',report).bind('mouseout',report);

        $('#outer2').hover(report,report);

      });

 

<div id="outer1">Outer 1<div id="inner1">Inner 1</div></div>

// 마우스 포인터가 outer1을 진입하면 over 되고 inner1에 진입하면 out후에 다시 over된다

<div id="outer2">Outer 2 <div id="inner2">Inner 2</div></div>

//outer2를 진입(over)해서 innert2에 진입해도 listener는 실행되지 않는다 outer2를 벗어나야 out된다

toggle(fn1, fn2, ..., fnN)

    클릭될 때마다 함수를 차례로 호출합니다.

toggle(listenerOdd, listenerEven)

클릭될 때마다 odd와 even을 번갈아 실행

 

한번은 불투명도를 주고 한번은 복원하는 스크립트..

일반적으로 활성 비활성에대한 내용을 처리할때 편리할듯....

$(function(){

        $('#vstar').toggle(

          function(event) {            $(event.target).css('opacity',0.4);          },

          function(event) {            $(event.target).css('opacity',1.0);          }

        );

});

  Comments,     Trackbacks
이미지 위에 텍스트 올리기
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
[출처] http://www.kavoir.com/2009/02/css-text-over-image.html
.image {
 position:relative;
 float:left; /* optional */
}
.image .text {
 position:absolute;
 top:40px; /* in conjunction with left property, decides the text position */
 left:80px;
 width:700px; /* optional, though better have one */
}
<div class="image">
                <img alt="" src="../image_url.jpg" />
                <div class="text">
                    <h1>텍스트를 입력해 주세요.</h1>
                </div>
            </div>
  Comments,     Trackbacks