/*
* Filename : xmlhttp.js
* Class :
* Comment : ActiveXObject('Microsoft.XMLHTTP')를 이용한 단어자동검색 테스트
* History : 2006/05/03, 홍 식(indigo), Created
: 2006/05/10, 홍 식(indigo), Updated(공통함수화)
: 2006/05/22, 홍 식(indigo), 레이저 중복겹침 방지 추가.
* @version : 1.0
* @author : Copyright (c) 2006 by m2mGlobal Corp. All Rights Reserved.
*/
///공통 함수로 만들기위해 formName과 키워드이름,레이어 이름을 전역변수로 셋팅..짜장나///
var objMyClass = null; //클래스의 인스턴스.... 전역변수....
function MyClass() //클래스 몸체..
{
this.Arguments1 = arguments[0];
this.Arguments2 = arguments[1];
this.Arguments3 = arguments[2];
//this.getValue = function(){ return this.MemberV1 +","+ this.MemberV2+","+ this.MemberV3};
this.getValue_form = function(){ return this.Arguments1};
this.getValue_key = function(){ return this.Arguments2};
this.getValue_layer = function(){ return this.Arguments3};
}
function initClass(formName,keyName,layerName)
{
var formName,keyName,layerName;
objMyClass = new MyClass(formName,keyName,layerName); //인스턴스 생성
}
//////////////////////클래스의구성 끝 //////////////////
function paramEscape(paramValue)
{
return encodeURIComponent(paramValue);
}
function formData2QueryString(docForm,formName,keyName,layerName)
{
var submitString = '';
var formElement = '';
var lastElementName = '';
var formName,keyName,layerName;
/*
for(i = 0 ; i < docForm.elements.length ; i++)
{
formElement = docForm.elements[i];
switch(formElement.type)
{
case 'text' :
case 'select-one' :
case 'hidden' :
case 'password' :
case 'textarea' :
submitString += formElement.name + '=' + paramEscape(formElement.value) + '&';
break;
case 'radio' :
if(formElement.checked)
{
submitString += formElement.name + '=' + paramEscape(formElement.value) + '&';
}
break;
case 'checkbox' :
if(formElement.checked)
{
if(formElement.name = lastElementName)
{
if(submitString.lastIndexOf('&') == submitString.length - 1)
{
submitString = submitString.substring(0, submitString.length - 1);
}
submitString += ',' + paramEscape(formElement.value);
}
else
{
submitString += formElement.name + '=' + paramEscape(formElement.value);
}
submitString += '&';
lastElementName = formElement.name;
}
break;
}
//submitString += formElement.name + '=' + paramEscape(formElement.value) + '&';
}*/
//submitString = submitString.substring(0, submitString.length - 1);
var request_text = eval("document."+formName+"."+keyName+".value");
submitString = "request_key="+request_text;//공통함수로 사용하기위해 keyname을 request_key로 통일..
return submitString;
}
function xmlHttpPost(actionUrl, submitParameter, resultFunction)
{
var xmlHttpRequest = false;
//1.xmlHttpRequest객체생성 IE인경우
if(window.ActiveXObject)
{
xmlHttpRequest = new ActiveXObject('Microsoft.XMLHTTP');
}
//1.xmlHttpRequest객체생성 IE가 아닌 경우new XMLHttpRequest();로 표현.
else
{
xmlHttpReq = new XMLHttpRequest();
xmlHttpReq.overrideMimeType('text/xml');
}
//2.xmlHttpRequest.open-->open메소드에는 3개의 파라메터존재
//메소드종류: 데이터전송방식,처리할 서버의URL,동기/비동기유무(true일때는 비동기를 의미)
//비동기처리는 request를 전송한 다음 서버의 응답이 있든 없든 다른 프로세스처리 가능
//동기는 request를 전송한 다음 서버응답전까지는 다른 프로세스를 처리할수없다.
//이미 만들어진 Data에대한 처리는 비동기식을 선호하나 등록,수정,삭제되는 동적인 Data에는
//동기방식으로 처리하는게 일반적임
xmlHttpRequest.open('POST', actionUrl, true);
//3.request의 contentType결정(전송방식이 get방식일때는 불필요하나 Post방식에는 지정해야함
xmlHttpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
//4.서버로부터 처리결과 전송후 수행해야하는 기능에 대한 정의
//xmlHttpRequest 의 onreadystatechange 속성은 서버로부터의 처리결과에 대한 상태코드가 변경
//되었을때 수행해야 하는 스크립트 Function을 지정한다.
//여기서는 anonymous Function 을 사용하여 직접 정의하였쌈..
xmlHttpRequest.onreadystatechange = function() {
if(xmlHttpRequest.readyState == 4)
{
//서버로 부터 받은 상태코드 및 데이터를 이용하여 처리로직 구현..
//서버로 부터 받은 결과는xmlHttpRequest의 responseText속성에 저장되어 있으며
//이것은 HttpServletResponse에 의해 전송된 문자열일수도 있고
//웹 서비스로 Request를 전송한 경우라면 SOAP프로토콜로 전송된 XML형식의 데이터일것임
//문자열인 경우 여기서의 테스트 처럼 처리될수있지만
//SOAP프로토콜로 전송된 XML데이터인경우는 각각의 브라우저에서 제공하는
//XML또는 SOAP을 지원한 객체를 이용해서 핸들링할수있다.
switch (xmlHttpRequest.status)
{
case 404:
alert('오류: ' + actionUrl + '이 존재하지 않음');
break;
case 500:
alert('오류: ' + xmlHttpRequest.responseText);
break;
default:
eval(resultFunction + '(xmlHttpRequest.responseText);');
break;
}
}
}
//5.위 4번까지의 작업으로 request가 전송되지는 않는다.
//전송을 위한 준비작업과 처리결과 수신시 처리방법에 대한 정의만 늘여놨을뿐이다.
//실제 request를 전송하기위해서는 send()를 호출하여 전송을 해야한다.
//Send()의 파라메터는 전송되는 Request의 파라메터값이다.물론 여기서도 일반적인 request와 같이'&','='으로 구성된
//문자열을 만들어서(예:keyword=test&page=2) 전송하지만 XML형태로 만들어서 전송하는것도 가능하다..
xmlHttpRequest.send(submitParameter);
}
/////////////////////////////////////////////////
//VMS반영 (공통함수적용 폼이름/키이름/레이어이름을 받는다.)
//////////////////////////////////////////////////
function keywordKeyDown(formName,keyName,layerName)
{
var formName,keyName,layerName;//해당입력박스 포커싱 정보
LayerCtr(layerName); //전역클래스 와 현재의 레이어이름을 비교해서..하나의 Form안에 멀티 자동검색을 하기위해서..
initClass(formName,keyName,layerName);//전역변수로 담기위해서...
var keyCode = window.event.keyCode;
//입력박스내 키보드 이벤트 제어...
if(keyCode == 9) return; //Tab 키
if(keyCode == 13) return; //Enter 키
if(keyCode == 16) return; //Shift 키
if(keyCode == 16) return; //Ctrl 키
if(keyCode == 18) return; //Alt 키
if(keyCode == 45) return; //Ins 키
if(keyCode == 46) return; //Del 키
if(keyCode == 33) return; //PgUp 키
if(keyCode == 34) return; //PgDn 키
if(keyCode == 35) return; //End 키
if(keyCode == 36) return; //Home 키
if(keyCode >= 37 && keyCode <= 40) return; //방향키
//if(eval("document."+formName+"."+keyName+"").value == ""){
//hiddenSearchKeywordResult();
//return;
//}
//Keydown 이벤트 발생 시점에는 아직 TextField에 사용자가 입력한 키 값이 설정되지 않았기 때문에
//브라우저가 이벤트에 반응하여 값을 설정할때 까지 잠시 기다린다.
//setTimeout('submitSearchKeyword()', 250);
eval("setTimeout(\"submitSearchKeyword('"+formName+"','"+keyName+"','"+layerName+"')\", 250)");
}
function submitSearchKeyword(formName,keyName,layerName)
{
var url = 'jsp/Ajax_SearchKeyword.jsp';
//var queryString = formData2QueryString(document.formMain);
var queryString = eval("formData2QueryString(document."+formName+",'"+formName+"','"+keyName+"','"+layerName+"')");
var resultProcessMethod = 'viewSearchKeywordResult';
//request 전송
xmlHttpPost(url, queryString, resultProcessMethod);
}
//return result값 가공
function viewSearchKeywordResult(result)
{
if( objMyClass != null ){
var formName = objMyClass.getValue_form();
var keyName = objMyClass.getValue_key();
var layerName = objMyClass.getValue_layer();
}
//var searchKeywordDiv = document.all("searchKeyword");
var searchKeywordDiv = document.all(layerName);
if(result == ""){
searchKeywordDiv.innerHTML = "";
searchKeywordDiv.style.visibility = "hidden";
}else{
var resultList = result.split('|');
var viewResult = '';
for(i = 0 ; i < resultList.length; i++)
{
if(i == 0){
viewResult += '[닫기] ' + resultList[i] + '
'
}else{
viewResult += '' + resultList[i] + '
'
}
}
searchKeywordDiv.innerHTML = viewResult;
searchKeywordDiv.style.visibility = "visible";
}
}
function hiddenSearchKeywordResult()
{
if( objMyClass != null ){
var formName = objMyClass.getValue_form();
var keyName = objMyClass.getValue_key();
var layerName = objMyClass.getValue_layer();
}
//var searchKeywordDiv = document.all("searchKeyword");
var searchKeywordDiv = document.all(layerName);
searchKeywordDiv.innerHTML = "";
searchKeywordDiv.style.visibility = "hidden";
}
function setKeyword(selectedKeyword)
{
if( objMyClass != null ){
var formName = objMyClass.getValue_form();
var keyName = objMyClass.getValue_key();
var layerName = objMyClass.getValue_layer();
}
var Str_key = selectedKeyword.substring(0,1);
if(Str_key != ">"){ //문자열 검색시에만 적용..
// document.formMain.keyword.value = selectedKeyword;
eval("document."+formName+"."+keyName+"").value = selectedKeyword;
}else{
eval("document."+formName+"."+keyName+"").value = "";
}
//레이어 닫자.
hiddenSearchKeywordResult();
}
//레이어 중복시 최종 레이어만 표시.
function LayerCtr(layerName_Ctr){
var layerName_Ctr;
if( objMyClass != null ){
var layerName = objMyClass.getValue_layer();
if(layerName_Ctr != layerName){
hiddenSearchKeywordResult();
}
}
}