";
str += " ";
str += " ";
str += "";
document.write(str);
}//end func
////////////////////////////////////////////////////////////////////// 플래시 관련함수 끝
//////////////////////////////////////////////////////////// 기본적인 자주사용될 함수
PANSY.COMMON.getNumberStringFixPosition = function(num,pos){ //정해진 자리의 숫자를 문자열로 표시해준다. // 결과값 문자열임.
//num : 숫자
//pos : 자릿수 .. 100 자리.. 3을 넘겨주면됨.
var sNum = num+"";//문자열로 변환
var len = sNum.length;//길이
return PANSY.COMMON.strRepeat("0",(pos-len) ) +num ;
}//end func
PANSY.COMMON.strRepeat = function(str,cnt){ //주어진 문자열을반복해서 돌려준다.
//str 반복할 문자열
//cnt 반복횟수
var strR = "";
for(var i=0; i= 200 && r.status < 300 ) ||
// Successful if the document has not been modified
r.status == 304 ||
// Safari returns an empty status if the file has not been modified
navigator.userAgent.indexOf("Safari") >= 0 && typeof r.status == "undefined";
} catch(e){}
// If checking the status failed, then assume that the request failed too
return false;
}
// Extract the correct data from the HTTP response
function httpData(r,type) {
// Get the content-type header
var ct = r.getResponseHeader("content-type");
// If no default type was provided, determine if some
// form of XML was returned from the server
var data = !type && ct && ct.indexOf("xml") >= 0;
// Get the XML Document object if XML was returned from
// the server, otherwise return the text contents returned by the server
data = type == "xml" || data ? r.responseXML : r.responseText;
// If the specified type is "script", execute the returned text
// response as if it was JavaScript
if ( type == "script" )
eval.call( window, data );
// Return the response data (either an XML Document or a text string)
return data;
}
}//end func
PANSY.AJAX.serialize=function(a) { //주어진 정보를 포스트전송할 수 있도록 직렬화해준다. 배열로넘겨지면, 폼데이터라고 간주하고 처리하고 아닌경우는. 키 : 값 으로 이루어진 객체라고 생각하고 처리함.
// The set of serialize results
var s = [];
// If an array was passed in, assume that it is an array
// of form elements
if ( a.constructor == Array ) {
// Serialize the form elements
for ( var i = 0; i < a.length; i++ )
s.push( a[i].name + "=" + encodeURIComponent( a[i].value ) );
// Otherwise, assume that it's an object of key/value pairs
} else {
// Serialize the key/values
for ( var j in a )
s.push( j + "=" + encodeURIComponent( a[j] ) );
}
// Return the resulting serialization
return s.join("&");
}//end func
/*
json 으로 받을경우, 제대로된 결과인지 검사함
- php 에서 에러난경우 에러코드같은게 찍힐 수 가 있어서..
*/
PANSY.AJAX.is_ok_json = function(json){
var re = /^\s*\{.*\}\s*$/g; // 앞뒤 공백제외하고.. { } 으로 감싸고있는지만 검사
if(re.test(json)){ //정상
return true;
}else{
return false;
}//end if
}//end func
//////////////////////////////////////////////////////////// AJAX 끝
/////////////////////////////////////////////////////////////////// 드래그앤드롭
PANSY.DND.dragObject = null; //현재 드래그되고있는 엘리먼트를 저장한다
PANSY.DND.mouseOffset = null; //드래그되는 엘리먼트의 왼쪽위 시작위치를 저장해둔다.(클라이언트 기준)
PANSY.DND.mousePoint = function(x,y){ //마우스 좌표를 저장함
this.x = x;
this.y = y;
}//end func
PANSY.DND.getMousePosition = function(evnt){ //마우스 위치를 돌려줌 (클라이언트 기준 ) // 마우스이벤트를 받아옴.
// var x = parseInt(evnt.clientX);
// var y =parseInt(evnt.clientY);
var x = parseInt(evnt.screenX);
var y =parseInt(evnt.screenY);
return new PANSY.DND.mousePoint(x,y);
}//end func
PANSY.DND.getMouseOffset = function(target,evnt){ // 주어진 엘리먼트의 오프셋 위치를 찾는다. 엘리먼트의 왼쪽 위 시작 포인트를 찾는다. 화면으로부터(client 단위)
evnt = evnt || window.event;
var mousePos = PANSY.DND.getMousePosition(evnt); //이벤트가 일어난 클라이언트 좌표
var x = mousePos.x - target.offsetLeft;
var y = mousePos.y - target.offsetTop;
return new PANSY.DND.mousePoint(x,y);
}//end func
PANSY.DND.mouseUp = function(evnt){ //드래그종료
PANSY.DND.dragObject = null;
document.onmousemove = function(){};
}//end func
PANSY.DND.mouseMove = function(evnt){ //드래그 중.. 이동캡쳐
var dragObject = PANSY.DND.dragObject ;
if (! dragObject ) return;
evnt = evnt || window.event;
var mousePos = PANSY.DND.getMousePosition(evnt); //이벤트가 일어난 클라이언트 좌표
/*
추가된 기능
드래그 오브젝트 자체에, x 나 y 둘중 하나의 방향으로만 드래그되도록 설정할 수 있고,
사용하려면 해당오브젝트의 obj.dnd_dont_move_x = true 설정해준다 .
사용하려면 해당오브젝트의 obj.dnd_dont_move_y = true 설정해준다 .
자기 부모 엘리먼트의 영역밖으로 이동하지 못하게 할 수 있다.
사용하려면 해당오브젝트의 obj.dnd_dont_move_parent_area = true 설정해준다 .
*/
//드래그 가능하면 새로운 절대좌표 설정
if(dragObject ){
dragObject.style.position = "absolute"; //포지션 설정
var move_y = mousePos.y - PANSY.DND.mouseOffset.y ;//계산된 좌표
var move_x = mousePos.x - PANSY.DND.mouseOffset.x ;//계산된 좌표
//부모영역을 벗어났는지 판단
if(dragObject.dnd_dont_move_parent_area == true){
var parent_obj = dragObject.parentElement;
var limit_y = parent_obj.offsetHeight - dragObject.offsetHeight; //최대이동할 수 있는 한계치를 계산한다 //부모에서 자신의 길이를 뺀다
var limit_x = parent_obj.offsetWidth - dragObject.offsetWidth; //최대이동할 수 있는 한계치를 계산한다 //부모에서 자신의 길이를 뺀다
var is_over_parent_area_x = false;
if(move_y < 0){
move_y =0;
}//end if
if(move_x < 0){
move_x = 0;
}//end if
if(move_y > limit_y){
move_y =limit_y;
}//end if
if(move_x > limit_x){
move_x =limit_x;
}//end if
}//end if
//부모영역을 벗어났는지 판단 끝
if(dragObject.dnd_dont_move_y != true ){//세로이동못하게 막은거아니면 세로 이동
dragObject.style.top = move_y + "px"; // 현재 마우스위치에서, 처음 마우스클릭되었을때의 위치를 뺀것으로 이동한다.
}//end if
if(dragObject.dnd_dont_move_x != true ){//가로이동못하게 막은거아니면 세로 이동
dragObject.style.left = move_x + "px"; // 현재 마우스위치에서, 처음 마우스클릭되었을때의 위치를 뺀것으로 이동한다.
}//end if
//드래그되고나서, 혹시, 처리할 이벤트 등록된거있으면 처리 - obj.dnd_mousemove 에 등록된거있으면 호출해준다.
if(dragObject.dnd_mousemove){
dragObject.dnd_mousemove();
}//end if
//드래그되고나서, 혹시, 처리할 이벤트 등록된거있으면 처리 끝
return false; //이거의미모르겟다 시간없어서 그냥 배낀다
}//end if
}//end func
PANSY.DND.makeDraggable = function(item){ //주어진 엘리먼트에, 마우스다운이벤트로 걸어준다.
if(item){
PANSY.addEvent(item,"onmousedown",function(evnt){ //마우스 다운이벤트 걸어줌
PANSY.DND.dragObject = this;
PANSY.DND.mouseOffset = PANSY.DND.getMouseOffset(this,evnt);
//타이머등록
// PANSY.DND.dragObject.dnd_timer = setInterval( PANSY.DND.mouseMove, 500);
//타이머등록 끝
document.onmousemove = PANSY.DND.mouseMove;
return false;
});
// PANSY.addEvent(item,"onmousemove",PANSY.DND.mouseMove); //마우스 무브 이벤트 걸어줌
item.onselectstart = function(){return false;};//선택안되게 설정해줌
}//end if
}//end func
PANSY.DND.captureStarted = false; //마우스 캡쳐 시작되었는지.. 여부..
PANSY.DND.captureStart = function(){//마우스 이벤트 캡쳐할 수 있도록 도큐먼트의 이벤트를 걸어줌 //드래그앤드롭실행되기전에 한번만 해주면 되는데, 여러번 실행해도 한번만 실행되도록 되어있다.
if(PANSY.DND.captureStarted == false){
// PANSY.addEvent(document,"onmousemove",PANSY.DND.mouseMove); //도큐먼트 자체에 하면 상관없는 부분에 마우스있을때도 일처리하느라, 다른 스크립트를 진행못시킨다.
PANSY.addEvent(document,"onmouseup",PANSY.DND.mouseUp);
PANSY.DND.captureStarted = true;
}//end if
}//end func
/////////////////////////////////////////////////////////////////// 드래그앤드롭 끝
//////////////////////////////////////////////////////////// 이미지관련
PANSY.IMAGE.autoLimitResize = function(img,size){ // 이미지태그의 온로드 에 넣어두면, 알아서 지정해둔 크기 이상으로 큰경우는 자동으로 사이즈를 줄여준다. //ex
//img : 이미지개체
//size : 제한할 가로 사이즈
//기본적으로 onload 에 가져오면 가로사이즈를 가져오지만,
// 현재 디스플레이가 안된경우에는 온로드되어도, 사이즈가없다.
//그런경우에는 디스플레이되는순간 onresize 이벤트가 실행된다.
//이미 리사이즈 한번 실행된경우에는 다시 실행안함.
if(img.hasLimitResizing==true){
return;
}//end if
//이미 리사이즈 한번 실행된경우에는 다시 실행안함. 끝
// width 가 0이아닐때까지 계속 가져옴. - 온로드되었는데도, 0인경우는 디스플레이가 안된 경우..
if(img.width < 1){ //1보다 작음
img.onresize = function(){
PANSY.IMAGE.autoLimitResize(img,size);
};
return;
}//end if
// width 가 0이아닐때까지 계속 가져옴. 끝
//사이즈 검사
if(size < img.width){
img.height = img.height*size /img.width ; //가로 크기 설정 되기 전에 설정해야 함
img.width = size; //제한사이즈로 변경
}//end if
//사이즈 검사 끝
img.hasLimitResizing = true;//리사이징 실행된걸로 기록
}//end func
//이미지 마우스 오버시에 다른이미지 보여주기
// 사용법 : 이미지의 onload 에 이 함수등록해주면된다. 이미지 확대 보기");
imgWin.document.write("");
imgWin.document.write("");
imgWin.document.close();
}
//////////////////////////////////////////////////////////// 이미지관련 끝
/////////////////////////////////////////////////////////// 컨트롤 앤 인터페이스
/*
스위치 디스플레이를 토글기능으로 사용함. - 버튼에 맞게 사용함
단순히 1버튼을 클릭할때마다 보였다 안보였다하는 토글기능,
버튼의 텍스트를 변경해준다.
인자
btn : 토글버튼으로 사용할 버튼 객체
display_obj : 토글시킬 디스플레이요소 객체
on_text : 활성시 텍스트
off_text : 비활성시 텍스트
*/
PANSY.CNI.set_toggle_button=function(btn,display_obj,on_text,off_text){
//버튼 개체에 switch_display 설정해줌
PANSY.CNI.set_switch_display(btn);
btn.switch_display.set_toggle(); //토글 설정
//버튼 개체에 switch_display 설정해줌 끝
//디스플레이요소 등록
btn.switch_display.add("toggle",display_obj);
//디스플레이요소 등록 끝
//버튼 설정
btn.switch_display.add_real_button("toggle",btn,on_text,off_text);
//버튼 설정 끝
}//end func
/*
셀렉트 선택값에 의해서, 디스플레이가 변경됨
SwitchDisplay 를 이용함.
인자
select_obj : 셀렉트 개체를 넘겨줌.
사용법 :
//스위치 디스플레이 설정
PANSY.CNI.PANSY.CNI.set_switch_display_on_select($("sltAutoYes"));
//디스플레이 설정
$("sltAutoYes").switch_display.add("1",$("trAutoYes_1_Sort"));
$("sltAutoYes").switch_display.add("1",$("trAutoYes_1_RD"));
$("sltAutoYes").switch_display.add("1",$("trAutoYes_1_Brand"));
$("sltAutoYes").switch_display.add("1",$("trAutoYes_1_Cate"));
//처음 한번 실행해줌
$("sltAutoYes").switch_display.display($("sltAutoYes").value);
*/
PANSY.CNI.set_switch_display_on_select = function(select_obj){
//셀렉트 개체에 switch_display 설정해줌
PANSY.CNI.set_switch_display(select_obj);
//셀렉트 개체에 switch_display 설정해줌 끝
//온체인지 등록
PANSY.addEvent(select_obj,"onchange",function(){
this.switch_display.display(this.value);
});
//온체인지 등록 끝
}//end func
/*
set_switch_display
스위치 디스플레이 객체를 생성해서, 해당 객체에 스위치 디스플레이 객체를 속성으로 저장해준다
ex ) make_switch_display_obj(obj);
obj.switch_display.add();
obj.switch_display.display("key");
인자
obj : 스위치 디스플레이 객체로 사용할 객체.. select 나 button , image 같은 것들이 될 수 도 있고.. 사용자가 생성한 object 일 수 도 있음.. 어떤 객체든지 상관없이 이식 가능..
*/
PANSY.CNI.set_switch_display = function (obj){
var switch_display = new PANSY.CNI.SwitchDisplay();
obj.switch_display = switch_display;
}//end method
/*
SwitchDisplay
특정 키값에 해당하는 디스플레이요소를 등록해두었다가
키값이 선택되었을때, 해당하는 디스플레이 요소를 display: 시켜줌
그 외의 키값에 등록된 디스플레이 요소들은 display:none 됨.
ex ) 탭기능.. 토글기능 등.. 에 활용됨
사용법
//디스플레이요소 등록
tab_obj.add("tab1",$("divTabDP_1"));
tab_obj.add("tab2",$("divTabDP_2"));
tab_obj.add("tab3",$("divTabDP_3"));
tab_obj.add("tab4",$("divTabDP_4"));
tab_obj.add("tab5",$("divTabDP_5"));
//버튼 등록
tab_obj.add_button("tab1",$("a_tab_image_1"));
tab_obj.add_button("tab2",$("a_tab_image_2"));
tab_obj.add_button("tab3",$("a_tab_image_3"));
tab_obj.add_button("tab4",$("a_tab_image_4"));
tab_obj.add_button("tab5",$("a_tab_image_5"));
//이미지 버튼 등록
tab_obj.add_image_button("tab1",$("img_tab_image_1"),"/img/on.gif","/img/off.gif");
tab_obj.add_image_button("tab2",$("img_tab_image_2"),"/img/on.gif","/img/off.gif");
tab_obj.add_image_button("tab3",$("img_tab_image_3"),"/img/on.gif","/img/off.gif");
tab_obj.add_image_button("tab4",$("img_tab_image_4"),"/img/on.gif","/img/off.gif");
tab_obj.add_image_button("tab5",$("img_tab_image_5"),"/img/on.gif","/img/off.gif");
//초기선택 탭
tab_obj.display("tab1");
*/
PANSY.CNI.SwitchDisplay = function(){
this.key_list = new Array(); //등록된 키 리스트 , 연관배열로 사용
this.selected_key = null; //현재 선택된 키값.. 문자열 "" 도 키값으로 있을 수 있어서, 널값으로 선택된게 없는 것을 구분한다.
this.first_key = null; //첫번째 키
this.last_key = null; //마지막 키
this.is_toggle = false ; //토글기능인지 설정함. 같은 키값이 선택되었을때, 토글이 아니면, 계속 같은 디스플레이가 나오지만, 토글인경우는 현재 보이는 디스플레이가 off 되고 아무것도 표시안해준다.
this.timer = null; //타이머가 저장됨
this.delay = 5000; // 타이머 딜레이.. 기본 5초
/*
탭진열자동변경에 관한 설정들..
delay : 타이머딜레이
*/
this.timer_config = function(delay){
this.delay = delay;
}//end method
/*
일정한 시간에 맞춰서, 탭진열을 변경해줌.
*/
this.play = function(){
//타이머 동작중이면나간다.
if(this.timer) return;
var obj = this;
this.timer = setTimeout( function(){
//다음 키 선택
if(obj.selected_key){ //선택된게 있으면
obj.display(obj.selected_key.next.key);
}else{// 없으면 첫번째 키값
obj.display(obj.first_key.key);
}//end if
//다음 키 선택 끝
obj.stop();
obj.play();
}, this.delay);
}//end method
/*
탭진열을 시간에맞춰 넘기는것을 멈춤
*/
this.stop = function(){
//타이머 동작중이 아니면 나간다.
if(! this.timer) return;
clearTimeout(this.timer); //타이머멈춤
this.timer = null; //다시 널 입력해줌.
}//end method
/*
디스플레이 요소 추가
같은 키값으로 등록을 여러번 해도됨
인자
key : 키값
display_obj : 디스플레이 요소
*/
this.add = function(key,display_obj){
//키 리스트에 등록된 키값 있는지 검사 후 등록
if( ! this.key_list[key] ){ //없는 경우
this.key_list[key] = new PANSY.CNI.SwitchKey(key);
//둥근 고리처럼.. 마지막 키의 넥스트는 첫번째 키를 가리키고 있음..
//첫번째 비었으면 설정
if(! this.first_key){
this.first_key = this.key_list[key];
this.key_list[key].prev = this.key_list[key];
this.key_list[key].next = this.key_list[key]; //모두 자기자신을 가리킴.. 1개일때...
}else{ //한개라도 있는경우..
this.key_list[key].next = this.last_key.next ; //기존 마지막의 다음을 새로운거로 옮기고
this.last_key.next = this.key_list[key]; //기존마지막의 다음을 새로운거로 하고,
this.key_list[key].prev = this.last_key; //새로운거의 이전을 기존마지막으로 하고
this.key_list[key].next.prev = this.key_list[key]; //새로운거의 다음의 이전을 새로운거로 지정해줌.
}//end if
//첫번째 비었으면 설정 끝
this.last_key = this.key_list[key];//마지막으로 설정
}//end if
//키 리스트에 등록된 키값 있는지 검사 후 등록 끝
key_obj = this.key_list[key];//키 객체
key_obj.add_display_obj(display_obj); //키 객체에 디스플레이 요소 추가함.
}//end method
/*
특정 키에 해당하는 디스플레이 요소들을 디스플레이 시킴
기존 디스플레이 되고 있던 키값들은 디스플레이 해지
인자
key : 선택된 키값
*/
this.display = function(key){
//토글기능이면, 같은경우 디스플레이 해지만 하고 종료
if(this.is_toggle && this.selected_key != null && this.selected_key.key == key){ //토글이고, 같은 키인경우 // 널검사안하면 초기값이 null 이라서 에러난다.
this.selected_key_display_none();//선택된 키 디스플레이 해지
return;
}//end if
//토글기능이면, 같은경우 디스플레이 해지만 하고 종료 끝
this.selected_key_display_none();//선택된 키 디스플레이 해지
//선택된 키 디스플레이설정
var key_obj = this.key_list[key];
if(key_obj){// 등록된 키있으면
key_obj.display();
this.selected_key = key_obj;
}//end if
//선택된 키 디스플레이설정 끝
}//end method
/*
현재 선택된 키를 디스플레이 해지시킴
*/
this.selected_key_display_none = function(){
if(this.selected_key != null){//현재 선택된 키값 있는 경우만..
this.selected_key.display_none(); //디스플레이 해지.
this.selected_key = null; //다시 선택된거 없는걸로 설정함.
}//end if
}//end method
/*
토글기능을 설정한다
*/
this.set_toggle = function(){
this.is_toggle = true;
}//end method
/*
버튼을 등록한다.
인자
key : 버튼과 연결될 키값
button_obj : 버튼으로 사용될 오브젝트.. onclick 사용할 수 있으면 된다.
반환값
생성된 button 객체
*/
this.add_button = function(key,button_obj){
var button = new PANSY.CNI.SwitchButton(button_obj,key,this);
// 키 객체에 버튼 등록
if( this.key_list[key] ){ //있는 경우
this.key_list[key].add_button(button);
}//end if
// 키 객체에 버튼 등록 끝
return button;
}//end method
/*
이미지 버튼을 등록한다.
인자
key : 버튼과 연결될 키값
button_obj : 버튼으로 사용될 오브젝트.. onclick 사용할 수 있으면 된다.
on_img_src: 활성이미지
off_img_src: 비 활성 이미지
*/
this.add_image_button = function(key,button_obj,on_img_src,off_img_src){
var button = this.add_button(key,button_obj);
button.set_image_button(on_img_src,off_img_src); //이미지 버튼으로 설정함.
}//end method
/*
진짜 버튼을 등록한다.
인자
key : 버튼과 연결될 키값
button_obj : 버튼으로 사용될 오브젝트.. onclick 사용할 수 있으면 된다.
on_text: 활성텍스트
off_text: 비 활성 텍스트
*/
this.add_real_button = function(key,button_obj,on_text,off_text){
var button = this.add_button(key,button_obj);
button.set_real_button(on_text,off_text); //이미지 버튼으로 설정함.
}//end method
}//end class
/*
SwitchKey
SwitchDisplay 에서 사용하는 특정 키값에 대해서 관리하는 클래스
인자
key : 키 이름
*/
PANSY.CNI.SwitchKey = function(key){
this.key = key;// 키값
this.display_obj_list = new Array(); //등록된 디스플레이요소 리스트 , 순차배열
this.button_list = new Array(); //등록된 버튼 객체들.. 리스트
this.prev = null; //이전의 키
this.next = null; //다음 키
/*
디스플레이 요소 추가
인자
display_obj : 디스플레이 요소
*/
this.add_display_obj = function(display_obj){
this.display_obj_list[this.display_obj_list.length] = display_obj;
display_obj.style.display="none";//처음에는 무조건 안보이도록 추가함
}//end method
/*
등록된 요소들 디스플레이 시킴
*/
this.display = function(){
for(var i = 0; i < this.display_obj_list.length; i++){
display_obj = this.display_obj_list[i]; //디스플레이 요소
display_obj.style.display = "";
}//end for i
//등록된 버튼 on 처리
for(var i = 0; i < this.button_list.length; i++){
button = this.button_list[i]; //디스플레이 요소
button.on();
}//end for i
//등록된 버튼 on 처리 끝
}//end method
/*
등록된 요소들 디스플레이해지
*/
this.display_none = function(){
for(var i = 0; i < this.display_obj_list.length; i++){
display_obj = this.display_obj_list[i]; //디스플레이 요소
display_obj.style.display = "none";
}//end for i
//등록된 버튼 off 처리
for(var i = 0; i < this.button_list.length; i++){
button = this.button_list[i]; //디스플레이 요소
button.off();
}//end for i
//등록된 버튼 off 처리 끝
}//end method
/*
버튼 객체 등록
인자
button : 버튼객체
*/
this.add_button = function(button){
this.button_list[this.button_list.length] = button;
}//end method
}//end class
/*
SwitchButton
등록된 오브젝트가 클릭되면, switch display 의 display 함수를 호출해서.. 디스플레이요소를 변경해준다.
인자
button_obj : 버튼으로 쓰일 오브젝트 ex) img 나.. div span 등.. onclick 사용할 수있는 요소는 다 됨.
key : 버튼 눌렷을때 표시될 디스플레이 키값
switch_display : SwitchDisplay 객체.. 버튼이 눌렷을때, onclick 안에서 사용해야함.
*/
PANSY.CNI.SwitchButton = function (button_obj,key,switch_display){
this.button_obj = button_obj; //버튼으로 쓰일 오브젝트
this.key = key; //키값
this.switch_display = switch_display;
this.button_type = "normal"; //normal , img , button
this.on_img_src = ""; //버튼 타입 img 일때 활성이미지
this.off_img_src = ""; //버튼 타입 img 일때 비활성이미지
this.on_text = ""; //버튼 타입 button 일때 활성텍스트
this.off_text = ""; //버튼 타입 button 일때 비활성텍스트
//온클릭 등록
PANSY.addEvent(button_obj,"onclick",function(){
switch_display.display(key);
});
//온클릭 등록 끝
/*
이미지 버튼으로 설정해줌
기본적으로는 onclick 만사용하는 버튼이지만, 이 함수를 사용해주면 button_obj 가 이미지라고 가정하고 src 속성을 이용해서, 이미지까지 표시해준다.
인자
on_img_src : 활성화 이미지
off_img_src : 비활성 이미지
*/
this.set_image_button = function(on_img_src,off_img_src){
this.button_type = "img"; // 버튼타입 이미지로 설정
this.on_img_src = on_img_src;
this.off_img_src = off_img_src;
this.button_obj.src = off_img_src;//기본적으로 처음에는 오프이미지로 등록
}//end method
/*
버튼객체를 버튼으로 설정해줌
기본적으로는 onclick 만사용하는 버튼이지만, 이 함수를 사용해주면 button 의 value 속성을 이용해서 텍스트를 on/off 별로 다르게 표시해준다.
인자
on_text : 활성화 텍스트
off_text : 비활성화 텍스트
*/
this.set_real_button = function(on_text,off_text){
this.button_type = "button"; // 버튼타입 이미지로 설정
this.on_text = on_text;
this.off_text = off_text;
this.button_obj.value = off_text;//기본적으로 처음에는 오프 텍스트
}//end method
/*
버튼 on 처리 SwitchKey 에서 해당 키 선택되었을대 호출해줌
*/
this.on = function(){
if(this.button_type == "img"){//img 인 경우만
this.button_obj.src = this.on_img_src;
}else if(this.button_type == "button"){//
this.button_obj.value = this.on_text;
}//end if
}//end method
/*
버튼 off 처리 SwitchKey 에서 해당 키 선택되었을대 호출해줌
*/
this.off = function(){
if(this.button_type == "img"){//img 인 경우만
this.button_obj.src = this.off_img_src;
}else if(this.button_type == "button"){//
this.button_obj.value = this.off_text;
}//end if
}//end method
}//end class
/*
div 영역을 세로 길이 조정가능한 영역으로 만들어준다.
정해진 영역보다 커지면, 스크롤바가 생기고.. 세로길이는 맨 하단을 드래그함으로써 조정가능하다..
인자
div_outline : 테두리가 생길 div
init_height : 처음 세로길이
bottom_btn_height : 드래그되는 하단버튼의 높이
div_bottom_btn : 드래그되는 하단 버튼부분 .. 값을 안넘겨주거나 null 값 넘겨주면 기본적인 모양생성해서 넣어준다.
반환
없음
사용예
PANSY.CNI.set_adjust_div_height($("div_id"),600,20);
*/
PANSY.CNI.set_adjust_div_height = function(div_outline,init_height,bottom_btn_height,div_bottom_btn){
// bottom_btn_height = 16; //하단 드래그될 버튼부분 높이 지정
//안쪽 div 생성
var div_in = $c("div");
div_in.style.height = (init_height - bottom_btn_height) + "px";
div_in.style.overflowY ="auto";
//안쪽 div 생성 끝
//내용옮기기
div_in.innerHTML = div_outline.innerHTML;
div_outline.innerHTML = "";
//내용옮기기 끝
div_outline.appendChild(div_in);//div_in을 div_outline 속으로 옮기기
//하단 조절 버튼 생성
if(! div_bottom_btn){ //넘겨준게없는경우
div_bottom_btn = $c("div");
div_bottom_btn.style.fontSize = "9pt";
div_bottom_btn.style.backgroundColor = "#585858";
div_bottom_btn.style.color = "#E6E6E6";
div_bottom_btn.style.textAlign = "center";
div_bottom_btn.style.borderTop = "1px solid #848484";
div_bottom_btn.style.borderBottom = "2px solid #2E2E2E";
div_bottom_btn.innerHTML="↕::: 드래그시 세로길이조절 :::↕";
}//end if
div_bottom_btn.style.height = bottom_btn_height + "px";
div_bottom_btn.style.position = "absolute";
div_bottom_btn.style.top = (init_height - bottom_btn_height) +"px";
div_bottom_btn.style.left = "0px";
div_bottom_btn.style.width = "100%";
div_bottom_btn.style.cursor = "s-resize";
//하단 조절 버튼 생성 끝
//div_outline 스타일설정
div_outline.style.position="relative";
// div_outline.style.height=init_height+"px";
//div_outline 스타일설정 끝
//하단조절버튼 높이만큼 공백 div 설정해줌
var div_bottom_blank = $c("div");
div_bottom_blank.style.height = bottom_btn_height + "px";
div_outline.appendChild(div_bottom_blank);//하단조절버튼 추가
//하단조절버튼 높이만큼 공백 div 설정해줌 끝
div_outline.appendChild(div_bottom_btn);//하단조절버튼 추가
//드래그 버튼부분에 이벤트 추가
div_bottom_btn.dnd_mousemove = function(){
if(div_bottom_btn.offsetTop > 0){// 너무 위쪽으로 이동하지못하도록 막음
div_in.style.height = div_bottom_btn.offsetTop + "px";
}else{//너무 위로갔음
PANSY.DND.mouseUp(); //드래그 종료
}//end if
}//end if
//드래그 버튼부분에 이벤트 추가 끝
PANSY.DND.captureStart(); //드래그앤드롭 캡쳐시작
div_bottom_btn.dnd_dont_move_x=true;//드래그 세로만 움직이도록 설정
// div_bottom_btn.dnd_dont_move_parent_area = true;//부모영역벗어나지 못하도록 설정
PANSY.DND.makeDraggable(div_bottom_btn);//드래그 사용하도록 설정
}//end func
/////////////////////////////////////////////////////////// 컨트롤 앤 인터페이스 끝
/////////////////////////////////////////////////////////// 폼 (서브밋 ) 관련
/*
가장 흔하게 쓰이는 선택값 적용 검색결과전체적용 서브밋..
사용하는 곳에서는 서브밋에 사용할 폼이 작성되어있어야 한다.
같이 포스트 전송시킬 다른 값이 있다면, 히든변수로 더 넣어주면 된다.
인자
config : 오브젝트로 만들어서, 여기에 여러가지 정보를 담아넘겨주게 된다.
.form_id : 서브밋에 사용할 폼의 아이디값
.type : 서브밋의 타입을 설정한다 . select : 선택된 것만.. search_all : 검색결과전체..
.add_cmdType : 위의 type + add_cmdType 으로 cmdType 변수가 전송된다. aaa 를 넘길경우 , select_aaa / search_all_aaa 이런식..
.form_action : 폼의 액션값을 넘겨줘야함. 넘길때, 현재 겟변수까지 다 붙은 주소를 넘겨줘야 검색결과적용이 제대로 작동함.
.chk_name : 선택하는 체크박스의 이름
.hdn_inc_list_name : 체크된 번호들이 문자열로 연결되어 저장될 폼안의 히든변수 이름..ex ) hdnChkInc
.msg1 : "검색된 모든 ?? 에 적요하시겠습니까? " 에 해당하는 메세지
.msg2 : "선택하신 모든 ?? 에 적용하시겠습니까? " 에 해당하는 메세지
.msg3 : "선택된 ??이 없습니다. " 에 해당하는 메세지
사용 예
function submitBundle(){
PANSY.FORM.select_or_search_submit({
"form_id" : "frmBundle",
"type" : $("slt_bundle").value,
"add_cmdType" : "save",
"form_action":"LabellussoOrderList.php",
"chk_name":"chkSelect[]",
"hdn_inc_list_name":"hdnChkInc",
"msg1":"검색된 모든 주문건에 대해서 해당 정보들을 입력하시겠습니까 ? ",
"msg2":"선택된 모든 주문건에 대해서 해당 정보들을 입력하시겠습니까 ? ",
"msg3":"선택된 주문이 없습니다"
});
}//end func
*/
PANSY.FORM.select_or_search_submit = function (config){
var f = $(config.form_id);
var type = config.type;
f.cmdType.value = type +"_"+config.add_cmdType; //cmdType 설정
f.action = config.form_action; //액션 설정
//검증
if(type=="search_all"){ //전체
if (! confirm(config.msg1)) return;
}else if(type=="select"){//선택
//선택된 체크박스들.. 히든변수에 ,로 구분지어서 넣어주기
if (! confirm(config.msg2)) return;
//체크박스에 사용된값을 . 히든값으로 옮겨넣음.
//체크박스 존재하는지 검사.
var chk_list = $n(config.chk_name); //선택할 체크박스 리스트
var hdn = f[config.hdn_inc_list_name]; //옮겨담을 히든변수
//체크박스 만큼 돌면서.. 선택된값있는지 검사한다.
hdn.value ="";
for(var i =0;i
");
imgWin.document.close();
}
//////////////////////////////////////////////////////////// 이미지관련 끝
/////////////////////////////////////////////////////////// 컨트롤 앤 인터페이스
/*
스위치 디스플레이를 토글기능으로 사용함. - 버튼에 맞게 사용함
단순히 1버튼을 클릭할때마다 보였다 안보였다하는 토글기능,
버튼의 텍스트를 변경해준다.
인자
btn : 토글버튼으로 사용할 버튼 객체
display_obj : 토글시킬 디스플레이요소 객체
on_text : 활성시 텍스트
off_text : 비활성시 텍스트
*/
PANSY.CNI.set_toggle_button=function(btn,display_obj,on_text,off_text){
//버튼 개체에 switch_display 설정해줌
PANSY.CNI.set_switch_display(btn);
btn.switch_display.set_toggle(); //토글 설정
//버튼 개체에 switch_display 설정해줌 끝
//디스플레이요소 등록
btn.switch_display.add("toggle",display_obj);
//디스플레이요소 등록 끝
//버튼 설정
btn.switch_display.add_real_button("toggle",btn,on_text,off_text);
//버튼 설정 끝
}//end func
/*
셀렉트 선택값에 의해서, 디스플레이가 변경됨
SwitchDisplay 를 이용함.
인자
select_obj : 셀렉트 개체를 넘겨줌.
사용법 :
//스위치 디스플레이 설정
PANSY.CNI.PANSY.CNI.set_switch_display_on_select($("sltAutoYes"));
//디스플레이 설정
$("sltAutoYes").switch_display.add("1",$("trAutoYes_1_Sort"));
$("sltAutoYes").switch_display.add("1",$("trAutoYes_1_RD"));
$("sltAutoYes").switch_display.add("1",$("trAutoYes_1_Brand"));
$("sltAutoYes").switch_display.add("1",$("trAutoYes_1_Cate"));
//처음 한번 실행해줌
$("sltAutoYes").switch_display.display($("sltAutoYes").value);
*/
PANSY.CNI.set_switch_display_on_select = function(select_obj){
//셀렉트 개체에 switch_display 설정해줌
PANSY.CNI.set_switch_display(select_obj);
//셀렉트 개체에 switch_display 설정해줌 끝
//온체인지 등록
PANSY.addEvent(select_obj,"onchange",function(){
this.switch_display.display(this.value);
});
//온체인지 등록 끝
}//end func
/*
set_switch_display
스위치 디스플레이 객체를 생성해서, 해당 객체에 스위치 디스플레이 객체를 속성으로 저장해준다
ex ) make_switch_display_obj(obj);
obj.switch_display.add();
obj.switch_display.display("key");
인자
obj : 스위치 디스플레이 객체로 사용할 객체.. select 나 button , image 같은 것들이 될 수 도 있고.. 사용자가 생성한 object 일 수 도 있음.. 어떤 객체든지 상관없이 이식 가능..
*/
PANSY.CNI.set_switch_display = function (obj){
var switch_display = new PANSY.CNI.SwitchDisplay();
obj.switch_display = switch_display;
}//end method
/*
SwitchDisplay
특정 키값에 해당하는 디스플레이요소를 등록해두었다가
키값이 선택되었을때, 해당하는 디스플레이 요소를 display: 시켜줌
그 외의 키값에 등록된 디스플레이 요소들은 display:none 됨.
ex ) 탭기능.. 토글기능 등.. 에 활용됨
사용법
//디스플레이요소 등록
tab_obj.add("tab1",$("divTabDP_1"));
tab_obj.add("tab2",$("divTabDP_2"));
tab_obj.add("tab3",$("divTabDP_3"));
tab_obj.add("tab4",$("divTabDP_4"));
tab_obj.add("tab5",$("divTabDP_5"));
//버튼 등록
tab_obj.add_button("tab1",$("a_tab_image_1"));
tab_obj.add_button("tab2",$("a_tab_image_2"));
tab_obj.add_button("tab3",$("a_tab_image_3"));
tab_obj.add_button("tab4",$("a_tab_image_4"));
tab_obj.add_button("tab5",$("a_tab_image_5"));
//이미지 버튼 등록
tab_obj.add_image_button("tab1",$("img_tab_image_1"),"/img/on.gif","/img/off.gif");
tab_obj.add_image_button("tab2",$("img_tab_image_2"),"/img/on.gif","/img/off.gif");
tab_obj.add_image_button("tab3",$("img_tab_image_3"),"/img/on.gif","/img/off.gif");
tab_obj.add_image_button("tab4",$("img_tab_image_4"),"/img/on.gif","/img/off.gif");
tab_obj.add_image_button("tab5",$("img_tab_image_5"),"/img/on.gif","/img/off.gif");
//초기선택 탭
tab_obj.display("tab1");
*/
PANSY.CNI.SwitchDisplay = function(){
this.key_list = new Array(); //등록된 키 리스트 , 연관배열로 사용
this.selected_key = null; //현재 선택된 키값.. 문자열 "" 도 키값으로 있을 수 있어서, 널값으로 선택된게 없는 것을 구분한다.
this.first_key = null; //첫번째 키
this.last_key = null; //마지막 키
this.is_toggle = false ; //토글기능인지 설정함. 같은 키값이 선택되었을때, 토글이 아니면, 계속 같은 디스플레이가 나오지만, 토글인경우는 현재 보이는 디스플레이가 off 되고 아무것도 표시안해준다.
this.timer = null; //타이머가 저장됨
this.delay = 5000; // 타이머 딜레이.. 기본 5초
/*
탭진열자동변경에 관한 설정들..
delay : 타이머딜레이
*/
this.timer_config = function(delay){
this.delay = delay;
}//end method
/*
일정한 시간에 맞춰서, 탭진열을 변경해줌.
*/
this.play = function(){
//타이머 동작중이면나간다.
if(this.timer) return;
var obj = this;
this.timer = setTimeout( function(){
//다음 키 선택
if(obj.selected_key){ //선택된게 있으면
obj.display(obj.selected_key.next.key);
}else{// 없으면 첫번째 키값
obj.display(obj.first_key.key);
}//end if
//다음 키 선택 끝
obj.stop();
obj.play();
}, this.delay);
}//end method
/*
탭진열을 시간에맞춰 넘기는것을 멈춤
*/
this.stop = function(){
//타이머 동작중이 아니면 나간다.
if(! this.timer) return;
clearTimeout(this.timer); //타이머멈춤
this.timer = null; //다시 널 입력해줌.
}//end method
/*
디스플레이 요소 추가
같은 키값으로 등록을 여러번 해도됨
인자
key : 키값
display_obj : 디스플레이 요소
*/
this.add = function(key,display_obj){
//키 리스트에 등록된 키값 있는지 검사 후 등록
if( ! this.key_list[key] ){ //없는 경우
this.key_list[key] = new PANSY.CNI.SwitchKey(key);
//둥근 고리처럼.. 마지막 키의 넥스트는 첫번째 키를 가리키고 있음..
//첫번째 비었으면 설정
if(! this.first_key){
this.first_key = this.key_list[key];
this.key_list[key].prev = this.key_list[key];
this.key_list[key].next = this.key_list[key]; //모두 자기자신을 가리킴.. 1개일때...
}else{ //한개라도 있는경우..
this.key_list[key].next = this.last_key.next ; //기존 마지막의 다음을 새로운거로 옮기고
this.last_key.next = this.key_list[key]; //기존마지막의 다음을 새로운거로 하고,
this.key_list[key].prev = this.last_key; //새로운거의 이전을 기존마지막으로 하고
this.key_list[key].next.prev = this.key_list[key]; //새로운거의 다음의 이전을 새로운거로 지정해줌.
}//end if
//첫번째 비었으면 설정 끝
this.last_key = this.key_list[key];//마지막으로 설정
}//end if
//키 리스트에 등록된 키값 있는지 검사 후 등록 끝
key_obj = this.key_list[key];//키 객체
key_obj.add_display_obj(display_obj); //키 객체에 디스플레이 요소 추가함.
}//end method
/*
특정 키에 해당하는 디스플레이 요소들을 디스플레이 시킴
기존 디스플레이 되고 있던 키값들은 디스플레이 해지
인자
key : 선택된 키값
*/
this.display = function(key){
//토글기능이면, 같은경우 디스플레이 해지만 하고 종료
if(this.is_toggle && this.selected_key != null && this.selected_key.key == key){ //토글이고, 같은 키인경우 // 널검사안하면 초기값이 null 이라서 에러난다.
this.selected_key_display_none();//선택된 키 디스플레이 해지
return;
}//end if
//토글기능이면, 같은경우 디스플레이 해지만 하고 종료 끝
this.selected_key_display_none();//선택된 키 디스플레이 해지
//선택된 키 디스플레이설정
var key_obj = this.key_list[key];
if(key_obj){// 등록된 키있으면
key_obj.display();
this.selected_key = key_obj;
}//end if
//선택된 키 디스플레이설정 끝
}//end method
/*
현재 선택된 키를 디스플레이 해지시킴
*/
this.selected_key_display_none = function(){
if(this.selected_key != null){//현재 선택된 키값 있는 경우만..
this.selected_key.display_none(); //디스플레이 해지.
this.selected_key = null; //다시 선택된거 없는걸로 설정함.
}//end if
}//end method
/*
토글기능을 설정한다
*/
this.set_toggle = function(){
this.is_toggle = true;
}//end method
/*
버튼을 등록한다.
인자
key : 버튼과 연결될 키값
button_obj : 버튼으로 사용될 오브젝트.. onclick 사용할 수 있으면 된다.
반환값
생성된 button 객체
*/
this.add_button = function(key,button_obj){
var button = new PANSY.CNI.SwitchButton(button_obj,key,this);
// 키 객체에 버튼 등록
if( this.key_list[key] ){ //있는 경우
this.key_list[key].add_button(button);
}//end if
// 키 객체에 버튼 등록 끝
return button;
}//end method
/*
이미지 버튼을 등록한다.
인자
key : 버튼과 연결될 키값
button_obj : 버튼으로 사용될 오브젝트.. onclick 사용할 수 있으면 된다.
on_img_src: 활성이미지
off_img_src: 비 활성 이미지
*/
this.add_image_button = function(key,button_obj,on_img_src,off_img_src){
var button = this.add_button(key,button_obj);
button.set_image_button(on_img_src,off_img_src); //이미지 버튼으로 설정함.
}//end method
/*
진짜 버튼을 등록한다.
인자
key : 버튼과 연결될 키값
button_obj : 버튼으로 사용될 오브젝트.. onclick 사용할 수 있으면 된다.
on_text: 활성텍스트
off_text: 비 활성 텍스트
*/
this.add_real_button = function(key,button_obj,on_text,off_text){
var button = this.add_button(key,button_obj);
button.set_real_button(on_text,off_text); //이미지 버튼으로 설정함.
}//end method
}//end class
/*
SwitchKey
SwitchDisplay 에서 사용하는 특정 키값에 대해서 관리하는 클래스
인자
key : 키 이름
*/
PANSY.CNI.SwitchKey = function(key){
this.key = key;// 키값
this.display_obj_list = new Array(); //등록된 디스플레이요소 리스트 , 순차배열
this.button_list = new Array(); //등록된 버튼 객체들.. 리스트
this.prev = null; //이전의 키
this.next = null; //다음 키
/*
디스플레이 요소 추가
인자
display_obj : 디스플레이 요소
*/
this.add_display_obj = function(display_obj){
this.display_obj_list[this.display_obj_list.length] = display_obj;
display_obj.style.display="none";//처음에는 무조건 안보이도록 추가함
}//end method
/*
등록된 요소들 디스플레이 시킴
*/
this.display = function(){
for(var i = 0; i < this.display_obj_list.length; i++){
display_obj = this.display_obj_list[i]; //디스플레이 요소
display_obj.style.display = "";
}//end for i
//등록된 버튼 on 처리
for(var i = 0; i < this.button_list.length; i++){
button = this.button_list[i]; //디스플레이 요소
button.on();
}//end for i
//등록된 버튼 on 처리 끝
}//end method
/*
등록된 요소들 디스플레이해지
*/
this.display_none = function(){
for(var i = 0; i < this.display_obj_list.length; i++){
display_obj = this.display_obj_list[i]; //디스플레이 요소
display_obj.style.display = "none";
}//end for i
//등록된 버튼 off 처리
for(var i = 0; i < this.button_list.length; i++){
button = this.button_list[i]; //디스플레이 요소
button.off();
}//end for i
//등록된 버튼 off 처리 끝
}//end method
/*
버튼 객체 등록
인자
button : 버튼객체
*/
this.add_button = function(button){
this.button_list[this.button_list.length] = button;
}//end method
}//end class
/*
SwitchButton
등록된 오브젝트가 클릭되면, switch display 의 display 함수를 호출해서.. 디스플레이요소를 변경해준다.
인자
button_obj : 버튼으로 쓰일 오브젝트 ex) img 나.. div span 등.. onclick 사용할 수있는 요소는 다 됨.
key : 버튼 눌렷을때 표시될 디스플레이 키값
switch_display : SwitchDisplay 객체.. 버튼이 눌렷을때, onclick 안에서 사용해야함.
*/
PANSY.CNI.SwitchButton = function (button_obj,key,switch_display){
this.button_obj = button_obj; //버튼으로 쓰일 오브젝트
this.key = key; //키값
this.switch_display = switch_display;
this.button_type = "normal"; //normal , img , button
this.on_img_src = ""; //버튼 타입 img 일때 활성이미지
this.off_img_src = ""; //버튼 타입 img 일때 비활성이미지
this.on_text = ""; //버튼 타입 button 일때 활성텍스트
this.off_text = ""; //버튼 타입 button 일때 비활성텍스트
//온클릭 등록
PANSY.addEvent(button_obj,"onclick",function(){
switch_display.display(key);
});
//온클릭 등록 끝
/*
이미지 버튼으로 설정해줌
기본적으로는 onclick 만사용하는 버튼이지만, 이 함수를 사용해주면 button_obj 가 이미지라고 가정하고 src 속성을 이용해서, 이미지까지 표시해준다.
인자
on_img_src : 활성화 이미지
off_img_src : 비활성 이미지
*/
this.set_image_button = function(on_img_src,off_img_src){
this.button_type = "img"; // 버튼타입 이미지로 설정
this.on_img_src = on_img_src;
this.off_img_src = off_img_src;
this.button_obj.src = off_img_src;//기본적으로 처음에는 오프이미지로 등록
}//end method
/*
버튼객체를 버튼으로 설정해줌
기본적으로는 onclick 만사용하는 버튼이지만, 이 함수를 사용해주면 button 의 value 속성을 이용해서 텍스트를 on/off 별로 다르게 표시해준다.
인자
on_text : 활성화 텍스트
off_text : 비활성화 텍스트
*/
this.set_real_button = function(on_text,off_text){
this.button_type = "button"; // 버튼타입 이미지로 설정
this.on_text = on_text;
this.off_text = off_text;
this.button_obj.value = off_text;//기본적으로 처음에는 오프 텍스트
}//end method
/*
버튼 on 처리 SwitchKey 에서 해당 키 선택되었을대 호출해줌
*/
this.on = function(){
if(this.button_type == "img"){//img 인 경우만
this.button_obj.src = this.on_img_src;
}else if(this.button_type == "button"){//
this.button_obj.value = this.on_text;
}//end if
}//end method
/*
버튼 off 처리 SwitchKey 에서 해당 키 선택되었을대 호출해줌
*/
this.off = function(){
if(this.button_type == "img"){//img 인 경우만
this.button_obj.src = this.off_img_src;
}else if(this.button_type == "button"){//
this.button_obj.value = this.off_text;
}//end if
}//end method
}//end class
/*
div 영역을 세로 길이 조정가능한 영역으로 만들어준다.
정해진 영역보다 커지면, 스크롤바가 생기고.. 세로길이는 맨 하단을 드래그함으로써 조정가능하다..
인자
div_outline : 테두리가 생길 div
init_height : 처음 세로길이
bottom_btn_height : 드래그되는 하단버튼의 높이
div_bottom_btn : 드래그되는 하단 버튼부분 .. 값을 안넘겨주거나 null 값 넘겨주면 기본적인 모양생성해서 넣어준다.
반환
없음
사용예
PANSY.CNI.set_adjust_div_height($("div_id"),600,20);
*/
PANSY.CNI.set_adjust_div_height = function(div_outline,init_height,bottom_btn_height,div_bottom_btn){
// bottom_btn_height = 16; //하단 드래그될 버튼부분 높이 지정
//안쪽 div 생성
var div_in = $c("div");
div_in.style.height = (init_height - bottom_btn_height) + "px";
div_in.style.overflowY ="auto";
//안쪽 div 생성 끝
//내용옮기기
div_in.innerHTML = div_outline.innerHTML;
div_outline.innerHTML = "";
//내용옮기기 끝
div_outline.appendChild(div_in);//div_in을 div_outline 속으로 옮기기
//하단 조절 버튼 생성
if(! div_bottom_btn){ //넘겨준게없는경우
div_bottom_btn = $c("div");
div_bottom_btn.style.fontSize = "9pt";
div_bottom_btn.style.backgroundColor = "#585858";
div_bottom_btn.style.color = "#E6E6E6";
div_bottom_btn.style.textAlign = "center";
div_bottom_btn.style.borderTop = "1px solid #848484";
div_bottom_btn.style.borderBottom = "2px solid #2E2E2E";
div_bottom_btn.innerHTML="↕::: 드래그시 세로길이조절 :::↕";
}//end if
div_bottom_btn.style.height = bottom_btn_height + "px";
div_bottom_btn.style.position = "absolute";
div_bottom_btn.style.top = (init_height - bottom_btn_height) +"px";
div_bottom_btn.style.left = "0px";
div_bottom_btn.style.width = "100%";
div_bottom_btn.style.cursor = "s-resize";
//하단 조절 버튼 생성 끝
//div_outline 스타일설정
div_outline.style.position="relative";
// div_outline.style.height=init_height+"px";
//div_outline 스타일설정 끝
//하단조절버튼 높이만큼 공백 div 설정해줌
var div_bottom_blank = $c("div");
div_bottom_blank.style.height = bottom_btn_height + "px";
div_outline.appendChild(div_bottom_blank);//하단조절버튼 추가
//하단조절버튼 높이만큼 공백 div 설정해줌 끝
div_outline.appendChild(div_bottom_btn);//하단조절버튼 추가
//드래그 버튼부분에 이벤트 추가
div_bottom_btn.dnd_mousemove = function(){
if(div_bottom_btn.offsetTop > 0){// 너무 위쪽으로 이동하지못하도록 막음
div_in.style.height = div_bottom_btn.offsetTop + "px";
}else{//너무 위로갔음
PANSY.DND.mouseUp(); //드래그 종료
}//end if
}//end if
//드래그 버튼부분에 이벤트 추가 끝
PANSY.DND.captureStart(); //드래그앤드롭 캡쳐시작
div_bottom_btn.dnd_dont_move_x=true;//드래그 세로만 움직이도록 설정
// div_bottom_btn.dnd_dont_move_parent_area = true;//부모영역벗어나지 못하도록 설정
PANSY.DND.makeDraggable(div_bottom_btn);//드래그 사용하도록 설정
}//end func
/////////////////////////////////////////////////////////// 컨트롤 앤 인터페이스 끝
/////////////////////////////////////////////////////////// 폼 (서브밋 ) 관련
/*
가장 흔하게 쓰이는 선택값 적용 검색결과전체적용 서브밋..
사용하는 곳에서는 서브밋에 사용할 폼이 작성되어있어야 한다.
같이 포스트 전송시킬 다른 값이 있다면, 히든변수로 더 넣어주면 된다.
인자
config : 오브젝트로 만들어서, 여기에 여러가지 정보를 담아넘겨주게 된다.
.form_id : 서브밋에 사용할 폼의 아이디값
.type : 서브밋의 타입을 설정한다 . select : 선택된 것만.. search_all : 검색결과전체..
.add_cmdType : 위의 type + add_cmdType 으로 cmdType 변수가 전송된다. aaa 를 넘길경우 , select_aaa / search_all_aaa 이런식..
.form_action : 폼의 액션값을 넘겨줘야함. 넘길때, 현재 겟변수까지 다 붙은 주소를 넘겨줘야 검색결과적용이 제대로 작동함.
.chk_name : 선택하는 체크박스의 이름
.hdn_inc_list_name : 체크된 번호들이 문자열로 연결되어 저장될 폼안의 히든변수 이름..ex ) hdnChkInc
.msg1 : "검색된 모든 ?? 에 적요하시겠습니까? " 에 해당하는 메세지
.msg2 : "선택하신 모든 ?? 에 적용하시겠습니까? " 에 해당하는 메세지
.msg3 : "선택된 ??이 없습니다. " 에 해당하는 메세지
사용 예
function submitBundle(){
PANSY.FORM.select_or_search_submit({
"form_id" : "frmBundle",
"type" : $("slt_bundle").value,
"add_cmdType" : "save",
"form_action":"LabellussoOrderList.php",
"chk_name":"chkSelect[]",
"hdn_inc_list_name":"hdnChkInc",
"msg1":"검색된 모든 주문건에 대해서 해당 정보들을 입력하시겠습니까 ? ",
"msg2":"선택된 모든 주문건에 대해서 해당 정보들을 입력하시겠습니까 ? ",
"msg3":"선택된 주문이 없습니다"
});
}//end func
*/
PANSY.FORM.select_or_search_submit = function (config){
var f = $(config.form_id);
var type = config.type;
f.cmdType.value = type +"_"+config.add_cmdType; //cmdType 설정
f.action = config.form_action; //액션 설정
//검증
if(type=="search_all"){ //전체
if (! confirm(config.msg1)) return;
}else if(type=="select"){//선택
//선택된 체크박스들.. 히든변수에 ,로 구분지어서 넣어주기
if (! confirm(config.msg2)) return;
//체크박스에 사용된값을 . 히든값으로 옮겨넣음.
//체크박스 존재하는지 검사.
var chk_list = $n(config.chk_name); //선택할 체크박스 리스트
var hdn = f[config.hdn_inc_list_name]; //옮겨담을 히든변수
//체크박스 만큼 돌면서.. 선택된값있는지 검사한다.
hdn.value ="";
for(var i =0;i