//==============================================================================
// 개요 : 간단한 AJAX 구동 라이브러리
// 제작자 : 윤호
// URL : http://ho.dunggy.net/js/jslib_ho.js
// 버전정보 : 2006.11.17 10:23
// 사용환경 : IE 6.0, Firefox 2.0 (charset=EUC-KR)
// 참고사항 : Toshirou Takahashi의 jslb_ajax050_c.js가 포함되어 있음
//------------------------------------------------------------------------------
//
// ***** 자동검색 *****
// ajaxInitSearch(keyObj, varURL, [strOptions (option1=100; option2=200; ...)], [callback]);
// **** 파업창 ****
// ajaxInitPopup(keyObj, varURL, [strOptions (option1=100; option2=200; ...)], [callback]);
// **** iframe 파업창 ****
// iframeInitPopup (keyObj, varURL, [strOptions (option1=100; option2=200; ...)]);
//
// keyObj : ajax 서비스 호출 object의 id
// ('Data'라는 단어가 포함되면 안됨, iframeInitPopup()의 경우 'iframe'으로 시작되는 단어여야 함)
// url : ajax 서비스를 실행할 script file name
// X, Y : ajax 데이터가 들어갈 div의 좌표 (integer)
// W, H : ajax 데이터가 들어갈 div의 크기 (integer)
// dX, dY : IE와 mozilla의 좌표 보정치 (mozilla용 데이터) (integer)
// dW, dH : IE와 mozilla의 크기 보정치 (mozilla용 데이터) (integer)
// maxW, maxH : ajax 데이터창(div)의 최대 크기 [ajaxInitPopup, iframeInitPopup]
// maxP : ajax 데이터창(div)의 크기 변화시 기준방식 (C, LT, LB, RT, RB) [ajaxInitPopup, iframeInitPopup]
// layer : ajax 데이터창(div)의 zIndex (integer)
// border : ajax 데이터창(div)의 border (integer)
// bordercolor: ajax 데이터창(div)의 borderColor
// borderstyle: (dotted, dashed, solid, double, groove, ridge, inset, outset)
// titlebar : ajax 데이터창(div)에 titlebar 표시 여부(0, 1) [ajaxInitPopup, iframeInitPopup]
// titlecolor : ajax 데이터창(div) titlebar의 색 [ajaxInitPopup, iframeInitPopup]
// background : ajax 데이터가 들어갈 div의 background color
// foreground : ajax 데이터의 highligh color -- anaxInitSearch only
// hide : ajax 데이터가 없을 때, div를 닫을지 여부 (0, 1) [anaxInitSearch]
// force : ajax 데이터가 하나일 때, 호출 object의 값을 강제동기화할지 여부 (0, 1)
// (keyObj의 값이 한글뿐일 때에는 오동작) [anaxInitSearch]
// trigger : ajax 서비스를 호출할 event ('click', 'mouseover', 'focus') [ajaxInitPopup, iframeInitPopup]
// scrollbar : ajax 데이터가 들어갈 div의 scrollbar ('auto', 'scroll', 'hidden') [ajaxInitPopup, iframeInitPopup]
// mspopup : IE의 createPopup method를 사용할지 여부 (0, 1) [ajaxInitPopup]
// clear : 열려 있는 데이터창들을 닫을지 여부 (1, 0) [ajaxInitPopup, iframeInitPopup]
// keep : clear시 데이터창을 닫지 않고 남겨둘지 여부 (0, 1) [ajaxInitPopup, iframeInitPopup]
// interval : ajax 반복 호출시 시간 간격(초) (integer) [ajaxInitPopup, iframeInitPopup]
// callback : anax 데이터 수신시 실행할 callback 함수 [ajaxInitSearch, ajaxInitPopup]
// (function object이므로 따옴표 없이 표기해야 함)
//
// ***** 자동검색 데이터 형식 (charset=UTF-8, {}로 감싼 부분에 적절한 값을 넣을 것) *****
// :::::{keyObj}:::::
// {데이터값}
// ***** 팝업창의 형식 (charset=UTF-8, {}로 감싼 부분에 적절한 값을 넣을 것) *****
// :::::{keyObj}:::::
// {HTML}
//
// 데이터 말단에 '<@ javascript code @>' 를 넣으면 javascript code가 실행됨
//
//jslb_ajax050 2.652k @see http://jsgt.org/mt/archives/01/000409.html
function chkAjaBrowser(){var a,ua=navigator.userAgent;this.bw={safari:((a=ua.split('AppleWebKit/')[1])?a.split('(')[0]:0)>=124,konqueror:((a=ua.split('Konqueror/')[1])?a.split(';')[0]:0)>=3.3,mozes:((a=ua.split('Gecko/')[1])?a.split(" ")[0]:0)>=20011128,opera:(!!window.opera)&&((typeof XMLHttpRequest)=='function'),msie:(!!window.ActiveXObject)?(!!createHttpRequest()):false};return(this.bw.safari||this.bw.konqueror||this.bw.mozes||this.bw.opera||this.bw.msie)};function createHttpRequest(){if(window.XMLHttpRequest){return new XMLHttpRequest();}else if(window.ActiveXObject){try{return new ActiveXObject("Msxml2.XMLHTTP");}catch(e){try{return new ActiveXObject("Microsoft.XMLHTTP");}catch(e2){return null;}}}else{return null;}};function sendRequest(callback,data,method,url,async,sload,user,password){sendRequest.prototype.README={url:"http://jsgt.org/mt/archives/01/000409.html",name:"sendRequest",version:0.50,license:"Public Domain",author:"Toshiro Takahashi http://jsgt.org/mt/01/",memo:""};var oj=createHttpRequest();if(oj==null)return null;var sload=(!!sendRequest.arguments[5])?sload:false;if(sload||method.toUpperCase()=='GET')url+="?";if(sload)url=url+"t="+(new Date()).getTime();var bwoj=new chkAjaBrowser();var opera=bwoj.bw.opera;var safari=bwoj.bw.safari;var konqueror=bwoj.bw.konqueror;var mozes=bwoj.bw.mozes;if(typeof callback=='object'){var callback_onload=callback.onload;var callback_onbeforsetheader=callback.onbeforsetheader}else{var callback_onload=callback;var callback_onbeforsetheader=null;};if(opera||safari||mozes){oj.onload=function(){callback_onload(oj);}}else{oj.onreadystatechange=function(){if(oj.readyState==4){callback_onload(oj);}}};data=uriEncode(data,url);if(method.toUpperCase()=='GET'){url+=data};oj.open(method,url,async,user,password);if(!!callback_onbeforsetheader)callback_onbeforsetheader(oj);setEncHeader(oj);oj.send(data);function setEncHeader(oj){var contentTypeUrlenc='application/x-www-form-urlencoded; charset=UTF-8';if(!window.opera){oj.setRequestHeader('Content-Type',contentTypeUrlenc);}else{if((typeof oj.setRequestHeader)=='function')oj.setRequestHeader('Content-Type',contentTypeUrlenc);};return oj};function uriEncode(data,url){var encdata=(url.indexOf('?')==-1)?'?dmy':'';if(typeof data=='object'){for(var i in data)encdata+='&'+encodeURIComponent(i)+'='+encodeURIComponent(data[i]);}else if(typeof data=='string'){if(data=="")return"";var encdata='';var datas=data.split('&');for(i=1;i \
\
";
}
function initializedrag(objName, eX, eY) {
dragObj = document.getElementById(objName);
sX = eX;
sY = eY;
tempX = pixel(dragObj.style.left);
tempY = pixel(dragObj.style.top);
dragApproved = (dragApproved+1)%2; //토글
}
function drag_drop(event) {
if (dragApproved){
dragObj.style.left = tempX + (event.clientX - sX);
dragObj.style.top = tempY + (event.clientY - sY);
return false;
}
}
function maximizeDiv(objName) {
oD = document.getElementById(objName+'Data');
dragApproved = 0; //drag&drop 방지
if (!divStyle[objName+'Max']) {
oD.style.zIndex++;
divStyle[objName+'TempY'] = oD.style.top;
divStyle[objName+'TempX'] = oD.style.left;
divStyle[objName+'TempH'] = oD.style.height;
divStyle[objName+'TempW'] = oD.style.width;
if (divStyle[objName+'H'] != divStyle[objName+'MaxH']) {
if (divStyle[objName+'MaxP'].match(/T/)) {
} else if (divStyle[objName+'MaxP'].match(/B/)) {
oD.style.top = pixel(oD.style.top) - (divStyle[objName+'MaxH'] - pixel(oD.style.height));
} else {
oD.style.top = pixel(oD.style.top) - (divStyle[objName+'MaxH'] - pixel(oD.style.height))/2;
}
}
if (divStyle[objName+'W'] != divStyle[objName+'MaxW']) {
if (divStyle[objName+'MaxP'].match(/L/)) {
} else if (divStyle[objName+'MaxP'].match(/R/)) {
oD.style.left = pixel(oD.style.left) - (divStyle[objName+'MaxW'] - pixel(oD.style.width));
} else {
oD.style.left = pixel(oD.style.left) - (divStyle[objName+'MaxW'] - pixel(oD.style.width))/2;
}
}
oD.style.height = divStyle[objName+'MaxH'];
oD.style.width = divStyle[objName+'MaxW'];
divStyle[objName+'Max'] = 1;
} else {
oD.style.zIndex--;
if (divStyle[objName+'H'] != divStyle[objName+'MaxH'] ||
divStyle[objName+'W'] != divStyle[objName+'MaxW']) {
oD.style.top = divStyle[objName+'TempY'];
oD.style.left = divStyle[objName+'TempX'];
oD.style.height = divStyle[objName+'TempH'];
oD.style.width = divStyle[objName+'TempW'];
}
divStyle[objName+'Max'] = 0;
}
barW = (oD.style.overflow=='hidden'?45:65);
barW += pixel(oD.style.borderLeftWidth) * 2;
document.getElementById(objName+'TitleBarCenter').style.width = pixel(oD.style.width)-barW;
}
function pixel(v1) {return Number(v1.replace('px',''));}
///////////////////////////////// 이것은 AJAX와는 상관없음 //////////////////////////////////
function iframeInitPopup (keyObj, url, strOptions) {
X=0; Y=0; W=0; H=0; dX=0; dY=0; dW=0; dH=0; maxW='800'; maxH='600'; maxP='C'; layer=5;
border=0; borderstyle='solid'; bordercolor='gray'; clear=0; keep=0; interval=0;
background='#ffffff'; trigger='click'; scrollbar='hidden'; titlebar=0; titlebarcolor='silver';
eval(strOptions);
if (!scrollbar) scrollbar = 'hidden';
resURL[keyObj] = url + (url.match(/\?/)?'&':'?') + "div=" + keyObj + "Data";
divData[keyObj] = keyObj + 'Data';
divData[keyObj+'Interval'] = interval * 1000;
if (trigger) {divData[keyObj+'Event'] = trigger;} else {divData[keyObj+'Event'] = 'click';}
divStyle[keyObj] = 1;
divStyle[keyObj+'MS'] = 0;
divStyle[keyObj+'Close'] = 1;
divStyle[keyObj+'Clear'] = clear;
divStyle[keyObj+'Keep'] = keep;
divStyle[keyObj+'BorderColor'] = bordercolor;
divStyle[keyObj+'TitleBar'] = titlebar;
divStyle[keyObj+'TitleBarColor'] = titlebarcolor;
divStyle[keyObj+'Max'] = 0;
divStyle[keyObj+'MaxW'] = maxW;
divStyle[keyObj+'MaxH'] = maxH;
divStyle[keyObj+'MaxP'] = maxP;
ajaxMakeDiv(keyObj, X, Y, W, H, dX, dY, dW, dH, layer, border, borderstyle, bordercolor, background, scrollbar, divStyle[keyObj+'MS']);
oD = oDiv[divData[keyObj]];
oS = document.getElementById(keyObj);
if (isIE) {
oS.attachEvent('on'+divData[keyObj+'Event'],myPopupEvent);
if (divData[keyObj+'Event'] == 'mouseover') {
oS.attachEvent('onmouseout',myPopupEvent);
} else if (divData[keyObj+'Event'] != 'click') {
oS.attachEvent('onkeydown',myKeyPress);
}
if (divData[keyObj+'Event'] == 'focus')
oS.setAttribute('readOnly','true');
} else if (navigator.product == 'Gecko') {
oS.addEventListener(divData[keyObj+'Event'],myPopupEvent,false);
if (divData[keyObj+'Event'] == 'mouseover') {
oS.addEventListener('mouseout',myPopupEvent,false);
} else if (divData[keyObj+'Event'] != 'click'){
oS.addEventListener('keydown',myKeyPress,false);
}
if (divData[keyObj+'Event'] == 'focus') {
oD.addEventListener('click',mySearchEvent,false);
oD.addEventListener('mouseover',mySearchEvent,false);
oD.addEventListener('mouseout',mySearchEvent,false);
oS.setAttribute('readOnly','true');
}
}
}
function iframeRequestPopup(objName, url) {
if (url) url += "&div="+divData[objName];
if (divStyle[objName+'Clear']) ajaxClose();
pX = divStyle[objName+'X'] + divStyle[objName+'eX'];
pY = divStyle[objName+'Y'] + divStyle[objName+'eY'];
s1 = 'px'; s2 = ''; s3 = 'none'; s4 = 'block';
oD = oDiv[divData[objName]];
if (divStyle[objName+'TitleBar'] && !divStyle[objName+'MS']) {
printTitleBar(oD, objName);
} else {
oD.innerHTML = "";
}
oD.innerHTML += "";
oD.style.left = pX;
oD.style.top = pY;
oD.style.display = 'block';
oD.focus();
}
function iframeResizeTo(W, H) { //iframe 안에서 div 크기 조절
curWindow = frameElement.parentNode;
curBar = parent.document.getElementById(frameElement.parentNode.id.replace('Data','TitleBarCenter'));
curWindow.style.left = pixel(curWindow.style.left) + (pixel(curWindow.style.width) - W)/2;
curWindow.style.top = pixel(curWindow.style.top) + (pixel(curWindow.style.height) - H)/2;
curWindow.style.width = W;
curWindow.style.height = H;
barW = (curWindow.style.overflow=='hidden'?45:65);
barW += pixel(curWindow.style.borderLeftWidth) * 2;
curBar.style.width = pixel(curWindow.style.width) - barW;
}
//////////////////////////////////////// 단축키 설정 //////////////////////////////////////////
if (isIE) {
document.attachEvent('onkeydown',myUpDownEvent);
document.attachEvent('onmousemove',drag_drop); //ajax 데이터창의 drag & drop
//document.attachEvent('onmouseup', new Function("dragApproved=false"));
} else {
document.addEventListener('keydown',myUpDownEvent,false);
document.addEventListener('mousemove',drag_drop,false);
}
function myUpDownEvent(event) {
var today = new Date();
if (isIE) {
mySrcObj = event.srcElement;
} else {
mySrcObj = event.target;
}
mySrcObjName = mySrcObj.getAttribute('name');
if (event.keyCode == 33 && document.getElementById('pgupTag'))
document.getElementById('pgupTag').click(); //PgUp
if (event.keyCode == 34 && document.getElementById('pgdnTag'))
document.getElementById('pgdnTag').click(); //PgDn
if (event.keyCode == 35 && document.getElementById('endTag'))
document.getElementById('endTag').focus(); //End
if (event.keyCode == 36 && document.getElementById('homeTag'))
document.getElementById('homeTag').focus(); //Home
if (event.keyCode == 27 && document.getElementsByName('escTag'))
for (e=0; e 0) {mySrcObj.value--; mySrcObj.select();} //Down
if (event.keyCode == 38 && mySrcObj.value < maxVal) {mySrcObj.value++; mySrcObj.select();} //Up
if (event.keyCode == 33 && mySrcObj.value <= (maxVal-10)) {
mySrcObj.value=Number(mySrcObj.value)+10; mySrcObj.select();} //PgUp
if (event.keyCode == 34 && mySrcObj.value > 10) {
mySrcObj.value=Number(mySrcObj.value)-10; mySrcObj.select();} //PgDn
}
}
}