<!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" lang="ko" xml:lang="ko">

사용시 스크롤바 생성

var html_dom = document.getElementsByTagName('html')[0];
overflow='scroll'; 
html_dom.style.overflow = overflow;
신고
/*-------------------------------------------------------------------------------*/
/*
한글의 경우 키 입력시 바로바로 작업이 안되기 때문에
onchange 와 onblur 등 이벤트도 같이 등록.
*/

// 한글만 입력받기 (초성체 무시)
// 나머지 글자 무시
function nr_han(this_s,type){
    /*
    type
    -> 'c' : 초성 포함
    -> 's' : 초성 포함 + 공백 포함
    -> '' : 초성, 공백 무시
    */
    temp_value = this_s.value.toString();
    regexp = '';
    repexp = '';
    switch(type){
        case 'c': regexp = /[^ㄱ-ㅎ가-힣]/g;break;
        case 's': regexp = /[^ㄱ-ㅎ가-힣\s]/g;break;
        case '':    regexp = /[^가-힣]/g; break;
        default : regexp = /[^ㄱ-ㅎ가-힣\s]/g;
    }
    if(regexp.test(temp_value))
    {
        temp_value = temp_value.replace(regexp,repexp);
        this_s.value = temp_value;
    }
}

/*-------------------------------------------------------------------------------*/

// 한글만 입력받기 (초성체 포함)
// 나머지 글자 무시
function nr_han_cho(this_s){
    nr_han(this_s,'c');
}

/*-------------------------------------------------------------------------------*/

// 한글만 입력받기 (초성체 포함, 공백 포함)
// 나머지 글자 무시
function nr_han_cho_space(this_s){
    nr_han(this_s,'s');
}


/*-------------------------------------------------------------------------------*/
function nr_numeng(this_s){
    temp_value = this_s.value.toString();
    regexp = /[^0-0a-zA-Z]/g;
    repexp = '';
    temp_value = temp_value.replace(regexp,repexp);
    this_s.value = temp_value;
}

/*-------------------------------------------------------------------------------*/
// 나머지 글자 무시
function nr_num(this_s,type){
    /*
    type
    -> 'int' : 양의 정수
    -> 'float' : 양의 실수
    -> '-int' : 음의 정수 포함
    -> '-int' : 음의 실수 포함
    */
    temp_value = this_s.value.toString();
    regexp = /[^-\.0-9]/g;
    repexp = '';
    temp_value = temp_value.replace(regexp,repexp);
    regexp = '';
    repexp = '';
    switch(type){
        case 'int':     regexp = /[^0-9]/g; break;
        case 'float':regexp = /^(-?)([0-9]*)(\.?)([^0-9]*)([0-9]*)([^0-9]*)/; break;
        case '-int':    regexp = /^(-?)([0-9]*)([^0-9]*)([0-9]*)([^0-9]*)/;break;
        case '-float':regexp = /^(-?)([0-9]*)(\.?)([^0-9]*)([0-9]*)([^0-9]*)/; break;
        default : regexp = /[^0-9]/g; break;
    }
    switch(type){
        case 'int':repexp = '';break;
        case 'float':repexp = '$2$3$5';break;
        case '-int':    repexp = '$1$2$4';break;
        case '-float':repexp = '$1$2$3$5'; break;
        default : regexp = /[^0-9]/g; break;
    }
    temp_value = temp_value.replace(regexp,repexp);
    this_s.value = temp_value;
}
// 양의 정수만 입력받기
function nr_num_int(this_s){
    nr_num(this_s,'int');
}
// 양의 실수만 입력받기
function nr_num_float(this_s){
    nr_num(this_s,'float');
}

/*-------------------------------------------------------------------------------*/

// 영어만 입력받기  (대소문자)
// 나머지 글자 무시
function nr_eng(this_s,type){
    temp_value = this_s.value.toString();
    regexp = '';
    repexp = '';
    switch(type){
        case 'small':regexp = /[^a-z]/g;break;
        case 'big':regexp = /[^A-Z]/g;break;
        case 'all':regexp = /[^a-z]/i;break;
        default :regexp = /[^a-z]/i;break;
    }
    temp_value = temp_value.replace(regexp,repexp);
    this_s.value = temp_value;
}

// 영어만 입력받기  (소문자)
// 나머지 글자 무시
function nr_eng_small(this_s){
    nr_eng(this_s,'small');
}

// 영어만 입력받기  (대문자)
// 나머지 글자 무시
function nr_eng_big(this_s){
    nr_eng(this_s,'big');
}
// 전화번호 규격에 맞게 DDD-MM~M-XXXX
// 나머지 글자 무시
function nr_phone(this_s)
{
    temp_value = this_s.value.toString();
    temp_value = temp_value.replace(/[^0-9]/g,'');
    temp_value = temp_value.replace(/(0(?:2|[0-9]{2}))([0-9]+)([0-9]{4}$)/,"$1-$2-$3");
    this_s.value = temp_value;


/*-------------------------------------------------------------------------------*/


// 주민등록 번호 규격에 맞게 123456-1234567  //검증하지 않음.
// 나머지 글자 무시
function nr_jumin(this_s)
{
    temp_value = this_s.value.toString();
    temp_value = temp_value.replace(/[^0-9]/g,'');
    temp_value = temp_value.substr(0,13);
    temp_value = temp_value.replace(/([0-9]{6})([0-9]{7}$)/,"$1-$2");
    this_s.value = temp_value;
}



/*-------------------------------------------------------------------------------*/

// 사업자 등록 번호 규격에 맞게 123-12-12345  //검증하지 않음.
// 나머지 글자 무시
function nr_company_num(this_s)
{
    temp_value = this_s.value.toString();
    temp_value = temp_value.replace(/[^0-9]/g,'');
    temp_value = temp_value.substr(0,10);
    temp_value = temp_value.replace(/([0-9]{3})([0-9]{2})([0-9]{5}$)/,"$1-$2-$3");
    this_s.value = temp_value;
}

//----------------------------------------------=--------------------------------------

#사용법은?

<!-- 노멀라이즈 함수, 숫자,영어,주민번,사업자번호 체크.-->
<script language='JavaScript' src='nr_func.js'></script>

<input type=text name='name' size=20 maxlength=20  onKeyDown="nr_phone(this);" onKeyPress="nr_phone(this);" onKeyUp="nr_phone(this);">

이처럼 .js로 만들든 어쨌든
HTML에 집어 넣고

onKeyDown="nr_phone(this);" onKeyPress="nr_phone(this);" onKeyUp="nr_phone(this);"
이렇게 이벤트를 등록하면 됩니다.

#주의점은?

한글 체크의 경우 한글을 적을 때 바로바로 onKeyXXXX()이벤트가 일어나지 않습니다.
onblur()와 onChange()도 같이 등록해주세요.

#동작은?

해당 함수에서 값을 체크해서 정해진 값이 아니면
전부 무시해버립니다.
즉, 양의 정수만 입력이 가능한
nr_num_int()는 숫자만 입력이 가능합니다. 나머지 글자는 무시! 



[출처] 자바스크립트에서 정규식을 사용한 체크 |작성자 팰콘

신고
[Javascript]
document.readyState
 
위의 인터넷 상태표시줄에 로딩이 완료되면
document.readyStatecomplete를 반환한다.
 
로딩 완료시점만 체크하는 가라(?) 로딩바를 띄울때 자주 사용되고 있다.
 
 
if (document.readyState == "complete"){
        //로딩바(div) 사라지기
}else{
        //로딩바(div) 나타내기
}

 

[IE 에서만 지원됨]

[출처] [JS] document.readyState|작성자 명군


신고

<html>
<head>
    <title>http://www.blueb.co.kr</title>
   
<script type="text/javascript">
  var win=null;
  function printIt(printThis)  {
    win = window.open();
    self.focus();
    win.document.open();
    win.document.write('<'+'html'+'><'+'head'+'><'+'style'+'>');
    win.document.write('body, td { font-family: Verdana; font-size: 10pt;}');
    win.document.write('<'+'/'+'style'+'><'+'/'+'head'+'><'+'body'+'>');
    win.document.write(printThis);
    win.document.write('<'+'/'+'body'+'><'+'/'+'html'+'>');
    win.document.close();
    win.print();
    win.close();
  }
</script>
</head>
<body>

<a href="javascript:printIt(document.getElementById('printme').innerHTML)">Print</a><p>

<div id="printme">
여기서 부터~~~<p>
~~~~

여기까지만 출력됩니다.<br>
</div>


</body>
</html> 

 

 

 

 

 

function content_print(){
    
                var initBody = document.body.innerHTML;
                window.onbeforeprint = function(){
                    document.body.innerHTML = document.getElementById('선택될 div id').innerHTML;
                }
                window.onafterprint = function(){
                    document.body.innerHTML = initBody;
                }
                window.print();     
            }            
        </script>

===============================================================================================

<div id='content'>
    내용 content_1
</div>

<div id='content_2'>
   내용 content_2
</div>
<input type="button" value="print" onclick="javascript:content_print();">
================================================================================================

선택될 div id  이부분에 div id 를 삽입하면 된다.

print 버튼을 누르면 지정된 div 안의 내용이 프린트 된다

 

 

 

 

=================스크립트 / 폼 부분===============================
<!-- 프린터영역 <DIV id=A> 값을 받아서 넘기기 시작-->
<form name="pf">
 <input type=hidden name="printzone">
</form>
<script>
function print_div()
{
 document.pf.printzone.value = printDIV.innerHTML;
 window.open("print_page.php", "print_open","width=800,height=700,top=0,left=0,noresizable,toolbar=no,status=no,scrollbars=yes,directory=no");
}
</script>
<!-- 프린터영역 <DIV id=A> 값을 받아서 넘기기 끝-->

 

================== 프린트 할 DIV 영역=================================

 <div id=printDIV>
       <img src="../img/if_t02.gif" />
 </div>

 

-----------------------------------------------------------------------------------------------

<a href="#" ONCLICK=print_div();>print</a>   호출하기

 

=============== 팝업에 호출되는 print_page.php =====================

<HTML>
<HEAD>
<TITLE>PRINT_PAGE</TITLE>
<script for=window event=onload>
A.innerHTML = opener.pf.printzone.value

 window.print();
</script>
</HEAD>
<center>
<body>
<br>

<div id="A">
</div>

<br>
</BODY>
</HTML>
========== 실제 값이 넘어와 window.print 하는 파일==================

[출처] http://blog.daum.net/babara1928/35

신고

+ Recent posts