/*
* Widget Superclass WidgetBase
*
* WidgetBase 클래스는 위젯의 인스탄스 관리, 레이아웃 및 로케이션, 이벤트 처리
* DOM Element처리, CSS 처리등의 공통적이고 기본이 되는 기능을 구현하고 있습니다.
*
* 모든 프로퍼티(함수,변수)는 Subclassing될 자식 위젯들에게 상속되고 재정의 되면서
* 커스텀마이징된 위젯을 개발할수 있습니다.
*
* CSS1/CSS2, DOM1/2/3 그리고 DOCTYPE html4.01 loose/strict XHTML
* 과 Gecko계열 브라우저(mozila, Opera9)및 IE6,7에서 테스트 되었습니다.
* (safari에서는 2008/03/05 현재 부분적으로 오류가 납니다.)
*
*/
var WidgetBase = Class.create();
WidgetBase.zIndex = 0;
WidgetBase.zIndexFloat = 0xFFFF;
WidgetBase.countInstance = 0;
WidgetBase.prototype =
{
className: "" ,
instanceName: "" ,
timerIDList: null,
widgetParent: null,
width: 0,
height: 0,
constructorFunction: function()
{
this.timerIDList = new List();
},
getWidgetName: function()
{
return this.instanceName;
},
$EID_STR: function(id)
{
return (this.instanceName + id);
},
$PE: function()
{
if(arguments[0] == null)
{
arguments = new Array();
arguments[0] = "";
}
if(typeof arguments[0] == "string")
{
arguments[0] = this.instanceName + arguments[0];
}
return $PE.apply(this, arguments);
},
$E: function()
{
var id = (arguments[0] == null) ? "" : arguments[0];
return $E(this.instanceName + id);
},
$CSS: function()
{
var parameters = new Array();
parameters[0] = this.className;
for(i = 0; i < arguments.length; i++)
{
parameters[i+1] = arguments[i];
}
return $CSS.apply(this, parameters);
},
$EP: function()
{
if(typeof arguments[0] == "string")
{
arguments[0] = this.instanceName + arguments[0];
}
return $EP.apply(this, arguments);
},
$ES: function()
{
if(typeof arguments[0] == "string")
{
arguments[0] = this.instanceName + arguments[0];
}
return $ES.apply(this, arguments);
},
//위젯의 기본 CSS class를 바꾸기 위해 이 함수를 오버라이드 합니다.
preCreate: function()
{
this.className = (arguments[0] == null || arguments[0] == "") ? "wafx_widgetbase" : arguments[0];
},
create: function(parent, rc, el, className)
{
this.preCreate(className);
this.instanceName = this.className + "_" + (++WidgetBase.countInstance);
this.widgetParent = (parent == null) ? window : parent;
var div = null;
if(el == null)
{
div = $NE(null, BROWSERSAFE_ELEMENTSTRING("div"), this.instanceName, this.className);
}
else
{
el.innerHTML = "";
div = this.$E();
}
if(rc != null)
{
/* 위젯의 metrics를 정의합니다. */
var width = rc.width();
var height = rc.height();
if(width < 0)
{
width *= (-1);
this.$ES("", "right", INT2PXSTR(rc.right));
}
else
{
this.$ES("", "left", INT2PXSTR(rc.left));
}
if(height < 0)
{
height *= (-1);
this.$ES("", "bottom", INT2PXSTR(rc.bottom));
}
else
{
this.$ES("", "top", INT2PXSTR(rc.top));
}
width -= PXSTR2INT(this.$CSS("borderLeftWidth"));
width -= PXSTR2INT(this.$CSS("borderRightWidth"));
height -= PXSTR2INT(this.$CSS("borderTopWidth"));
height -= PXSTR2INT(this.$CSS("borderBottomWidth"));
this.width = width;
this.height = height;
}
div.widget = this;
this.$ES("", "zIndex", ++WidgetBase.zIndex);
this.$ES("", "display", "none");
//Window 전역객체의 Event Listener(이벤트 핸들러)를 추가합니다
WINDOWEVENT_LISTENER_ADD(WINDOWEVENT_RESIZE, this);
WINDOWEVENT_LISTENER_ADD(WINDOWEVENT_MOUSEDOWN, this);
//생성후, 정의된 작업을 실행하기 위해 필요합니다. 상속 받는 위젯은 이 메소드에 작업을 정의해 주거나 create를 override 하세요.
this.onCreate();
//위젯의 크기를 재설정합니다.
this.onResize();
//위젯을 보이게 합니다.
this.onShow();
},
//위젯의 RECT를 구합니다.
getWidgetRect: function()
{
return GetElementRect(this.$E());
},
// 이 위젯 객체를 제거합니다.
// 실제 Visibity와 메모리 Clean-Up 까지 같이 수행됩니다.
destroy: function()
{
if(this.timerIDList.size() > 0)
{
var item = this.timerIDList.removeTail();
clearInteval(item.idInterval);
}
WINDOWEVENT_LISTENER_DELETE(this);
//DOM element 를 명시적으로 제거합니다. - 중요한 작업입니다.
//이 작업을 패쓰하게 되면, IE에서 부분적인 MEMORY LEAK이 발생합니다.
//이 방식은 DOM STANDARD가 아니지만, 더 효과적으로 GC가 작동합니다.
this.$E().innerHTML = "";
$RE(this.$E());
//////////////////////////////////////////////////////////////
//객체의 Properties(함수와 변수)들을 명시적(delete)으로 제거합니다.
for(prop in this)
{
delete this[prop];
}
},
//위젯 내부 타이머 이벤트를 시작합니다.
setTimer: function(nIDEvent, nElapse)
{
var wnd = this;
var timer_handler = function()
{
wnd.onTimer(nIDEvent, null);
}
var intervalID = setInterval(timer_handler, nElapse);
this.timerIDList.addTail( {idEvent: nIDEvent, idInterval: intervalID} );
},
//위젯 내부 타이머 이벤트를 중지 시킵니다.
killTimer: function(nIDEvent)
{
var count = this.timerIDList.size();
for(var i = 0; i < count; i++)
{
var item = this.timerIDList.getAt(i);
if(item.idEvent == nIDEvent)
{
clearInterval(item.idInterval);
this.timerIDList.removeAt(i);
return;
}
}
},
//위젯 drag를 시작할 수 있습니다.
dragStart: function()
{
window.dragObject = this.$E();
if(window.dragObject.setCapture) { window.dragObject.setCapture(); }
var mouseX = 0;
var mouseY = 0;
if(BROWSERSAFE_EVENT.pageX || BROWSERSAFE_EVENT.pageY)
{
mouseX = BROWSERSAFE_EVENT.pageX;
mouseY = BROWSERSAFE_EVENT.pageY;
}
else
{
if(document.documentElement.clientWidth == 0)
{
mouseX = BROWSERSAFE_EVENT.clientX+document.body.scrollLeft - document.body.clientLeft + 2;
mouseY = BROWSERSAFE_EVENT.clientY + document.body.scrollTop - document.body.clientTop + 2;
}
else
{
mouseX = BROWSERSAFE_EVENT.clientX+document.documentElement.scrollLeft - document.documentElement.clientLeft + 2;
mouseY = BROWSERSAFE_EVENT.clientY + document.documentElement.scrollTop - document.documentElement.clientTop + 2;
}
}
var ptEl = GetElmentLeftTop(window.dragObject);
window.ptMouseOffset.x = mouseX - ptEl.x;
window.ptMouseOffset.y = mouseY - ptEl.y;
},
//
// 전역객체 window의 onresize 이벤트 발생시 실행됩니다.
// 모든 위젯은 자동으로 이 이벤트 핸들러에서 전역객체 window의 onresize 이벤트에
// 반응을 할 수 있습니다.
onWindowResized: function(x,y){},
// 전역객체 window.document의 onmousedown 이벤트 발생시 실행됩니다.
// 모든 위젯은 자동으로 이 이벤트 핸들러에서 전역객체 window의 document.onmousedown 이벤트에
// 반응을 할 수 있습니다.
onWindowMouseDown: function(button, pt){},
//위젯의 크기를 재설정합니다.
onResize: function()
{
this.$ES("", "width", INT2PXSTR(this.width));
this.$ES("", "height", INT2PXSTR(this.height));
},
onShow: function()
{
this.$ES("", "display", "");
},
//create후 이벤트
onCreate: function(){},
//타이머 이벤트
onTimer: function(nIDEvent){}
}
/*
Window Widget Class
박스 레이어에 타이틀바와 시스템버튼(WIN32 API에서 말하는)과 틀라이언트 영역으로
구성된 윈도우를 구현합니다.
클라이언트 영역은 새로 추가되는 onRenderClient에서
HTML과 다른 widget으로 구성할 수 있습니다.
*/
var WindowWidget = Class.extend(WidgetBase);
WindowWidget.prototype.constructorFunction = function()
{
this.overlayID = null,
this.handlerAfter = null;
this.windowName = "";
this.type = 0xFFFF;
this.images = [];
}
WindowWidget.prototype.create = function(wndName/*title*/, rc, type)
{
this.windowName = ((wndName == null) ? "" : wndName);
if(rc == null){ rc = new Rect(0, 0, 0, 0); }
this.type &= ( (type == null) ? 0 : type);
//window의 높이는 클라이언트 영역 렌더링에서 결정됩니다.
rc.bottom = rc.top;
WidgetBase.prototype.create.call(this, window, rc, null/*posite 엘러먼트는 필요없습니다.*/, "wafx_widget_window");
}
//Modal로 보이게 합나다.
WindowWidget.prototype.doModal = function()
{
//modal를 구현하기위해 overlay layer를 생성합니다. (LightBox[R]와 같은 구현방식입니다.)
WidgetBase.countInstance++;
var overlayClassName = "wafx_modal_overlay";
this.overlayID = overlayClassName + "_" + WidgetBase.countInstance;
elOverlay = $NE(null, BROWSERSAFE_ELEMENTSTRING("div"), this.overlayID, overlayClassName);
//z-index를 float형으로 세팅해야합니다.
$ES(elOverlay, "zIndex", WidgetBase.zIndexFloat++);
var width = (document.documentElement.clientWidth == 0) ? document.documentElement.scrollWidth : document.body.scrollWidth;
var height = (document.documentElement.clientHeight == 0) ? document.documentElement.scrollHeight : document.body.scrollHeight;
//$ES(elOverlay, "width", INT2PXSTR(width));
//$ES(elOverlay, "height", INT2PXSTR(height));
WidgetBase.prototype.create.call(this, window, null, null, "wafx_widget_window");
}
WindowWidget.prototype.closeWindow = function()
{
this.onCloseWindow();
if(this.overlayID != null)
{
$RE(this.overlayID);
}
//부모 클래스의 destroy로 위젯을 제거합니다.
this.destroy();
}
WindowWidget.prototype.endDialog = function()
{
var result = arguments[0];
//부모가 결과처리를 원치 않으면 메세지박스를 닫고 리턴 합니다.
if(typeof this.handlerAfter != "function")
{
this.closeWindow();
return;
}
//부모의 결과처리 핸들러를 실행합니다.
this.handlerAfter.call(this.widgetParent, result);
//이 윈도우를 닫습니다.
this.closeWindow();
}
WindowWidget.prototype.onCreate = function()
{
//이미지 캐시
this.images["btnClose_out"] = new Image();
this.images["btnClose_out"].src = "/wafxlib/images/btn_close_mouseout.gif";
this.images["btnClose_over"] = new Image();
this.images["btnClose_over"].src = "/wafxlib/images/btn_close_mouseover.gif";
//타이틀바 렌더링
this.$E().innerHTML = "" +
"
" + this.windowName + "
![](" + this.images["btnClose_out"].src + ")
" +
"
" +
"
");
var lines = this.message.split("
");
var width = 200;
var countLine = lines.length;
for(var i = 0; i < countLine; i++)
{
var pixel = pixelRuller.measureTextPixel("client", lines[i]);
if(width < pixel)
{
width = pixel;
}
}
//윈도우의 크기 재설정
this.width = width+20;
//this.$ES("", "width", INT2PXSTR(this.width));
//중앙에 위치하기 위한 대략적 높이를 구합니다.
var height = countLine*20+100-100;
// 브라우저 뷰포트의 중앙에 위치 시킵니다
var left = 0;
var top = 0;
if(document.documentElement.clientWidth == 0)
{
left = document.body.scrollLeft + (document.body.clientWidth - this.width)/2;
top = document.body.scrollTop + (document.body.clientHeight - height)/2;
}
else
{
left = document.documentElement.scrollLeft + (document.documentElement.clientWidth - this.width)/2;
top = document.documentElement.scrollTop + (document.documentElement.clientHeight - height)/2;
}
$ES(this.$E(), "top", INT2PXSTR(top));
$ES(this.$E(), "left", INT2PXSTR(left));
//메세지 렌더링~
this.$E("message").innerHTML = this.message;
//버튼 렌더링~
var countButton = 2;
var type = this.typeMB & MB_TYPEMASK;
if(type == MB_OKCANCEL)
{
this.$E("buttons").innerHTML = "![]()
![]()
";
}
else if(type == MB_RETRYCANCEL)
{
this.$E("buttons").innerHTML = "![]()
![]()
";
}
else if(type == MB_YESNO)
{
this.$E("buttons").innerHTML = "![]()
![]()
";
}
else
{
this.$E("buttons").innerHTML = "![]()
";
countButton = 1;
}
var countIdsBtn = this.idsBtn.length;
for(var i = 0; i < countIdsBtn; i++)
{
if(this.$E(this.idsBtn[i]))
{
//버튼 이미지를 캐시합니다.
this.imageButtons[this.idsBtn[i]] = new Image();
this.imageButtons[this.idsBtn[i]].src = "/wafxlib/images/" + this.idsBtn[i] + ".gif";
this.imageButtons[this.idsBtn[i]+"_on"] = new Image();
this.imageButtons[this.idsBtn[i]+"_on"].src = "/wafxlib/images/" + this.idsBtn[i] + "_on.gif";
//디폴트 버튼이미지를 로딩합니다.
this.$EP(this.idsBtn[i], "src", this.imageButtons[this.idsBtn[i]].src);
//버튼 이벤트 맵핑을 합니다.
//WAFX_EVENT_MAP(MessageBoxWidget)
//{
ON_EVENTMOUSE(MOUSEOVER, this.$EID_STR(this.idsBtn[i]), "onBtnMouseOver");
ON_EVENTMOUSE(MOUSEOUT, this.$EID_STR(this.idsBtn[i]), "onBtnMouseOut");
ON_EVENTMOUSE(MOUSECLICK, this.$EID_STR(this.idsBtn[i]), "onBtnClicked");
//}WAFX_EVENT_MAP
}
}
//버튼위치 결정
var widthButton = PXSTR2INT($CSS("messagebox_button", "width")) + PXSTR2INT($CSS("messagebox_button", "paddingLeft")) + PXSTR2INT($CSS("messagebox_button", "paddingRight")) + PXSTR2INT($CSS("messagebox_button", "borderLeftWidth")) + PXSTR2INT($CSS("messagebox_button", "borderRightWidth")) + PXSTR2INT($CSS("messagebox_button", "marginLeft"));
var paddingLeft = (this.width - countButton*widthButton) / 2 - PXSTR2INT($CSS("messagebox_button", "marginLeft"));
this.$ES("buttons", "paddingLeft", INT2PXSTR(paddingLeft));
}
MessageBoxWidget.prototype.onBtnMouseOver = function()
{
var id = arguments[0].id.replace(this.instanceName, "");
$EP(arguments[0], "src", this.imageButtons[id+"_on"].src);
}
MessageBoxWidget.prototype.onBtnMouseOut = function()
{
var id = arguments[0].id.replace(this.instanceName, "");
$EP(arguments[0], "src", this.imageButtons[id].src);
}
MessageBoxWidget.prototype.onBtnClicked = function()
{
var id = arguments[0].id.replace(this.instanceName, "");
var index = 0;
count = this.idsBtn.length;
for(var i = 0; i < count; i++)
{
if(this.idsBtn[i] == id)
{
index = i;
break;
}
}
this.endDialog(index);
}
/*
* MessageBox 함수를 정의합니다.
*/
MessageBox = function(title, message, type, handler)
{
var msgBox = new MessageBoxWidget(title, message, type, handler);
msgBox.doModal();
// var msgBox = new WindowWidget();
// msgBox.create(title, new Rect(200, 200, 400, 500), 0);
}
/*
select(콤보박스) Widget Class
폼요소인 input type=select 의 레이어 구현판 Widegt입니다.
동작방식은 같으며 UI측면에서 유연성과 일관성(모든 브라우저에서 같은모습)
을 가집니다.
*/
var SelectWidget = Class.extend(WidgetBase);
SelectWidget.NM_SELECTCHANGED = 1;
SelectWidget.NM_USER = 100;
SelectWidget.prototype.constructorFunction = function()
{
this.curSel = -1;
this.drawSel = -1;
this.hitTest = false;
}
//WidgetBase::create()를 override해서 재정의 합니다.
SelectWidget.prototype.create = function(p, w, h, el)
{
// 부모 클래스 WidgetBase의 디폴트 create
WidgetBase.prototype.create.call(this, p, new Rect(0, 0, w-1, h-1), el, "wafx_widgetselect");
}
SelectWidget.prototype.getCurSel = function(index)
{
return this.curSel;
}
SelectWidget.prototype.getEditor = function()
{
return this.$E('input');
}
SelectWidget.prototype.getEditText = function()
{
return this.$EP("input", "value");
}
SelectWidget.prototype.getLBText = function(index)
{
var ul = this.$E("sellist");
var lis = ul.childNodes;
//Ragnge 체크
if(index < 0 || index >= lis.length) { return null; }
return lis[index].innerHTML;
}
SelectWidget.prototype.setCurSel = function(index)
{
var ul = this.$E("sellist");
var lis = ul.childNodes;
//리스트 range 오류
if(index < 0 || index > lis.length - 1)
{
return;
}
this.curSel = index;
this.$E("input").value = lis[index].innerHTML;
}
SelectWidget.prototype.selectString = function(text)
{
var ul = this.$E("sellist");
var lis = ul.childNodes;
var curSelText = (this.curSel >=0) ? lis[this.curSel].innerHTML : "";
if(curSelText == text)
{
return;
}
var length = lis.length;
for(var i = 0; i < length; i++)
{
if(lis[i].innerHTML == text)
{
this.curSel = i;
this.$E("input").value = text;
break;
}
}
this["onSelectChanged"]();
}
SelectWidget.prototype.addData = function(data)
{
var texts = data.split("\r\n");
var length = texts.length;
for(var i = 0; i < length; i++)
{
this.addString(texts[i]);
}
}
SelectWidget.prototype.addString = function(text)
{
var el = $NE(this.$E("sellist"), BROWSERSAFE_ELEMENTSTRING('li'), null, "u");
el.style.width = INT2PXSTR(PXSTR2INT(this.$ES("sellist", "width")) - PXSTR2INT($CSS("wafx_widgetselect-listbox "+BROWSERSAFE_ELEMENTSTRING("ul ")+BROWSERSAFE_ELEMENTSTRING("li"), "paddingLeft")));
el.innerHTML = text;
//WAFX_EVENT_MAP(SelectWidget)
//{
ON_EVENTMOUSE(MOUSEOVER, el, "onItemMouseOver");
ON_EVENTMOUSE(MOUSECLICK, el, "onItemClicked");
//}WAFX_EVENT_MAP
}
SelectWidget.prototype.showList = function(on)
{
if(on == false)
{
this.$ES("listbox", "display", "none");
this.$E("input").focus();
}
else
{
var ul = this.$E("sellist");
var lis = ul.childNodes;
var length = lis.length;
for(var i = 0; i < length; i++)
{
lis[i].className = (i == this.curSel) ? "s" : "u";
}
this.drawSel = this.curSel;
this.$ES("listbox", "display", "");
this.$ES(this.$PE("listbox"), "zIndex", ++WidgetBase.zIndex)
this.$E("input").focus();
this.hitTest = true;
}
}
SelectWidget.prototype.onInputMouseOut = function()
{
this.hitTest = false;
}
SelectWidget.prototype.onListMouseOut = function()
{
this.hitTest = false;
}
SelectWidget.prototype.onSelButtonMouseOut = function()
{
this.hitTest = false;
}
SelectWidget.prototype.onSelButtonMouseOver = function()
{
this.hitTest = true;
}
SelectWidget.prototype.onItemClicked = function()
{
this.selectString(arguments[0].innerHTML);
this.$ES("listbox", "display", "none");
}
SelectWidget.prototype.onItemMouseOver = function()
{
this.hitTest = true;
var ul = this.$E("sellist");
var lis = ul.childNodes;
if(this.drawSel >= 0)
{
lis[this.drawSel].className = "u";
}
var length = lis.length;
for(var i = 0; i < length; i++)
{
if(lis[i] == arguments[0])
{
this.drawSel = i;
lis[this.drawSel].className = "s";
break;
}
}
}
SelectWidget.prototype.onSelButtonClicked = function()
{
this.showList(this.$ES("listbox", "display") != "");
}
SelectWidget.prototype.onInputClicked = function()
{
if(this.$EP("input", "readOnly") == false){ return true; }
this.showList(this.$ES("listbox", "display") != "");
return true;
}
SelectWidget.prototype.onSelectChanged = function()
{
//부모 위젯에게 select가 변경됐음을 알립니다.
//부모는 이벤트 맵핑매크로 함수 ON_EVENT_WIDGETNOTIFY로 적절하게 핸들러를 연결합니다.
var propertyName = "notify_" + SelectWidget.NM_SELECTCHANGED + "_handler";
if(typeof this[propertyName] == "string" && typeof this.widgetParent[this[propertyName]] == "function")
{
this.widgetParent[this[propertyName]]();
}
}
SelectWidget.prototype.onInputKillFocus = function()
{
if(this.hitTest)
{
return;
}
this.$ES("listbox", "display", "none");
}
/* Basically, SelectWidget is maden in onCreate called after method create runs */
SelectWidget.prototype.onResize = function()
{
WidgetBase.prototype.onResize.call(this);
//위젯의 크기및 위젯안의 엘러먼트 크기및 위치를 재설정 합니다.
//계산.
var widget_width = this.width;
widget_width += PXSTR2INT(this.$CSS("borderLeftWidth"));
widget_width += PXSTR2INT(this.$CSS("borderRightWidth"));
var widget_height = this.height;
widget_height += PXSTR2INT(this.$CSS("borderTopWidth"));
widget_height += PXSTR2INT(this.$CSS("borderBottomWidth"));
var selbutton_width = PXSTR2INT($CSS("wafx_widgetselect-selbutton", "width"));
var selbutton_borderleft_width = PXSTR2INT($CSS("wafx_widgetselect-selbutton", "borderLeftWidth"));
var inputbox_paddingleft_width = PXSTR2INT($CSS("wafx_widgetselect-inputbox", "paddingLeft"));
var font_size = PXSTR2INT(this.$CSS("fontSize"));
var inputbox_width = this.width - (selbutton_width + selbutton_borderleft_width + inputbox_paddingleft_width);
var input_width = inputbox_width - (selbutton_borderleft_width + inputbox_paddingleft_width);
var input_margintop = (this.height - font_size) / 2 - 2;
//세팅
this.$ES("inputbox", "width", INT2PXSTR(inputbox_width));
this.$ES("input", 'width', INT2PXSTR(input_width));
this.$ES("input", 'marginTop', INT2PXSTR(input_margintop));
this.$ES("listbox", "width", INT2PXSTR(widget_width));
this.$ES("listbox", "top", INT2PXSTR(widget_height));
this.$ES("sellist", "width", INT2PXSTR(this.width));
}
SelectWidget.prototype.onCreate = function()
{
this.$PE().widget = this;
this.$PE().innerHTML += "";
//Render Widgt Select
this.$E().innerHTML = "
";
//Event Map
//WAFX_EVENT_MAP(SelectWidget)
//{
ON_EVENTMOUSE(MOUSECLICK, this.$E("input"), "onSelButtonClicked");
ON_EVENTMOUSE(MOUSEOUT, this.$E("input"), "onInputMouseOut");
ON_EVENTMOUSE(MOUSEOUT, this.$E("listbox"), "onListMouseOut");
ON_EVENTMOUSE(MOUSECLICK, this.$E("selbutton"), "onSelButtonClicked");
ON_EVENTMOUSE(MOUSEOUT, this.$E("selbutton"), "onSelButtonMouseOut");
ON_EVENTMOUSE(MOUSEOVER, this.$E("selbutton"), "onSelButtonMouseOver");
ON_EVENTMOUSE(MOUSECLICK, this.$E("input"), "onInputClicked");
ON_EVENT(KILLFOCUS, this.$E("input"), "onInputKillFocus");
//}WAFX_EVENT_MAP
}
/*
* WEditWidget(위지윅 에디트) Widget Class
*/
var WEditWidget = Class.extend(WidgetBase);
WEditWidget.prototype.constructorFunction = function()
{
}
WEditWidget.prototype.addWindowEventListener = function(e, w)
{
var iframe = this.$E("edit_control");
if(iframe.eventListener == null)
{
iframe.eventListener = new List();
}
iframe.eventListener.addTail( {event : e, instanceName: w.instanceName} );
}
WEditWidget.prototype.deleteWindowEventListener = function(w)
{
var iframe = this.$E("edit_control");
if(iframe.eventListener == null)
{
return;
}
var count = iframe.eventListener.size();
for(var i = 0; i < count; i++)
{
var item = iframe.eventListener.getAt(i);
if(item.instanceName == w.instanceName)
{
iframe.eventListener.removeAt(i);
return;
}
}
}
//WidgetBase::create()를 override해서 재정의 합니다.
WEditWidget.prototype.create = function(p, w, h, el)
{
this.html = null;
// 부모 클래스 WidgetBase의 디폴트 create
WidgetBase.prototype.create.call(this, p, new Rect(0, 0, w-1, h-1), el, "wafx_wysiwygeditor");
}
WEditWidget.prototype.getHTML = function(html)
{
return IFrameBody(this.$E("edit_control")).innerHTML;
}
WEditWidget.prototype.setHTML = function(html)
{
IFrameBody(this.$E("edit_control")).innerHTML = html;
}
WEditWidget.prototype.getDocument = function(html)
{
return IFrameDocument(this.$E("edit_control"));
}
WEditWidget.prototype.getBody = function(html)
{
return IFrameBody(this.$E("edit_control"));
}
WEditWidget.prototype.onCreate = function()
{
this.$E().innerHTML = "";
//Gecko 계열의 브라우저에서는 designMode=on 는 타이머 이벤트 핸들러에서 처리합니다.
//IE에서도 같이 적용합니다.
var iframeDocument = IFrameDocument(this.$E("edit_control"));
this.setTimer(1000, 10);
}
WEditWidget.prototype.onIframeMouseDown = function()
{
var eventListener = $E(this.frameId).eventListener;
if(eventListener == null) { return; }
var count = eventListener.size();
for(var i = 0; i < count; i++)
{
var item = eventListener.getAt(i);
if(item.event == WINDOWEVENT_MOUSEDOWN)
{
var widget = $WE($E(item.instanceName));
if(widget != null && typeof widget["onIframeMouseDown"] == "function")
{
widget["onIframeMouseDown"]();
}
}
}
}
WEditWidget.prototype.onTimer = function(nIDEvent)
{
if(nIDEvent == 1000)
{
this.killTimer(nIDEvent);
var iframeDocument = IFrameDocument(this.$E("edit_control"));
iframeDocument.designMode = 'on';
iframeDocument.frameId = this.$EID_STR("edit_control");
if(iframeDocument.addEventListener)
{
iframeDocument.addEventListener('mousedown', this.onIframeMouseDown, false);
}
else if(iframeDocument.attachEvent)
{
//IE: default action of key accelerators occurs onkeydown
//iframeDocument.attachEvent('onmousedown', this.onIframeMouseDown);
iframeDocument.onmousedown = this.onIframeMouseDown;
}
this.$E("edit_control").contentWindow.focus();
}
}
/*
* PopupMenu Widget Class
*
*/
var PopupMenuWidget = Class.extend(WidgetBase);
PopupMenuWidget.prototype.constructorFunction = function(wdgtParent, elToggle, bAction)
{
this.actionToggle = (bAction == true) ? "MOUSEOVER" : "MOUSECLICK" ;
this.elToggle = (typeof elToggle == "string") ? $E(elToggle) : elToggle;
this.create(wdgtParent, null, null, "wafx_widget_popupmenu");
}
PopupMenuWidget.prototype.hitTest = function(pt)
{
//위젯 테스트
var rect = this.getWidgetRect();
var bHitTest = rect.ptInRect(pt);
if(this.elToggle == null || bHitTest == true)
{
return bHitTest;
}
//토글 버튼 테스트
rect = GetElementRect(this.elToggle);
bHitTest = rect.ptInRect(pt);
return bHitTest;
}
PopupMenuWidget.prototype.closeMenu = function()
{
if(this.elToggle == null)
{
//위젯을 제거합니다.
this.destroy();
}
else
{
//위젯을 안보이게 합니다.
this.$ES("", "display", "none");
}
}
PopupMenuWidget.prototype.showMenu = function(on)
{
if(on)
{
var rectEl = GetElementRect(this.elToggle);
this.$ES("", "left", INT2PXSTR(rectEl.left));
this.$ES("", "top", INT2PXSTR(rectEl.top + rectEl.height() - 2));
this.$ES("", "display", "");
this.$E().focus();
}
else
{
this.$ES("", "display", "none");
}
}
PopupMenuWidget.prototype.popup = function(x, y)
{
this.$ES("", "left", INT2PXSTR(x));
this.$ES("", "top", INT2PXSTR(y));
this.$ES("", "display", "");
}
PopupMenuWidget.prototype.onCreate = function()
{
//클라이언트 영역을 렌더링 합니다.
this.onRenderClient(this.$E());
//z-index를 float형으로 바꿔서 항상 탑을 유지하도록 합니다.
this.$ES("", "zIndex", WidgetBase.zIndexFloat++);
//토글 엘러먼트와 연결합니다.
if(this.elToggle != null)
{
this.elToggle.widget = this;
//WAFX_EVENT_MAP(PopupMenuWidget)
//{
ON_EVENTMOUSE(MOUSEDOWN, this.elToggle, "onElAttchedMouseDown");
ON_EVENTMOUSE(MOUSEOVER, this.elToggle, "onElAttchedMouseOver");
ON_EVENTMOUSE(MOUSEOUT, this.elToggle, "onElAttchedMouseOut");
//}WAFX_EVENT_MAP
}
//부모클래스(WidgetBase)의 디폴트 처리
WidgetBase.prototype.onCreate.call(this);
}
PopupMenuWidget.prototype.onShow = function()
{
/* 디폴트 행동을 금지합니다. popup/showMenu 메소드가 대신 합니다. */
}
PopupMenuWidget.prototype.onResize = function()
{
/* 디폴트 행동을 패쓰해서 width, height 프로퍼티가 유효하지 않게 만듧니다. CSS 에서 지정된 사이즈로 조정됩니다. */
}
PopupMenuWidget.prototype.onRenderClient = function()
{
/* 이 메소드를 오버라이드해서 표시하고자 하는 메뉴 항목들를 렌더링 합니다. */
}
PopupMenuWidget.prototype.onElAttchedMouseDown = function()
{
if(this.actionToggle == "MOUSEOVR")
{
return;
}
this.showMenu(this.$ES("", "display") != "");
}
PopupMenuWidget.prototype.onElAttchedMouseOver = function()
{
if(this.actionToggle == "MOUSECLICK")
{
return;
}
this.showMenu(true);
}
PopupMenuWidget.prototype.onElAttchedMouseOut = function()
{
if(this.actionToggle == "MOUSECLICK")
{
return;
}
this.showMenu(false);
}
PopupMenuWidget.prototype.onWindowMouseDown = function(button, pt)
{
if(this.actionToggle == "MOUSEOVER" || this.hitTest(pt))
{
return;
}
this.closeMenu();
}
/*
* window 전역객체의 새로운프로퍼티를 명시적으로 추가하고 기존 window 객체의 이벤트를 재정의 합니다.
* 새로 정의된 이벤트 핸들러는 애플리케이션 개발시 재정의되어 개발 에플리케이션에 맞게 적용될 수 있습니다.
*/
var WINDOWEVENT_RESIZE = "WINDOWEVENT_RESIZE";
var WINDOWEVENT_MOUSEDOWN = "WINDOWEVENT_MOUSEDOWN";
window.onresize = function()
{
this.BROWSERSAFE_EVENT = arguments[0] || window.event;
if(window["eventListener"] == null)
{
return;
}
var count = window["eventListener"].size();
for(var i = 0; i < count; i++)
{
var item = window["eventListener"].getAt(i);
if(item.event == WINDOWEVENT_RESIZE)
{
var widget = $WE($E(item.instanceName));
if(widget != null && typeof widget["onWindowResized"] == "function")
{
widget["onWindowResized"]();
}
}
}
}
window.document.onmousedown = function()
{
window.BROWSERSAFE_EVENT = arguments[0] || window.event;
var x = 0;
var y = 0;
var button = 0;
if(window.BROWSERSAFE_EVENT.pageX || window.BROWSERSAFE_EVENT.pageY)
{
//Gecko
button = window.BROWSERSAFE_EVENT.which;
x = window.BROWSERSAFE_EVENT.pageX;
y = window.BROWSERSAFE_EVENT.pageY;
}
else
{
button = window.BROWSERSAFE_EVENT.button;
x = window.BROWSERSAFE_EVENT.clientX + document.body.scrollLeft - document.documentElement.clientLeft - 2;
y = window.BROWSERSAFE_EVENT.clientY + document.body.scrollTop - document.documentElement.clientTop - 2
//IE
//Prohibit Event Bubbling
//window.BROWSERSAFE_EVENT.cancelBubble = true;
}
var pt = new Point(x,y)
if(window["eventListener"] == null)
{
return;
}
var count = window["eventListener"].size();
for(var i = 0; i < count; i++)
{
var item = window["eventListener"].getAt(i);
if(item.event == WINDOWEVENT_RESIZE)
{
var widget = $WE($E(item.instanceName));
if(widget != null && typeof widget["onWindowMouseDown"] == "function")
{
widget["onWindowMouseDown"](button, pt);
}
}
}
}
function ON_EVENT_WIDGETNOTIFY(event, widget, handler_name)
{
widget["notify_" + event + "_handler"] = handler_name;
}
function WINDOWEVENT_LISTENER_ADD(e, w)
{
if(window["eventListener"] == null)
{
window["eventListener"] = new List();
}
window["eventListener"].addTail( {event : e, instanceName: w.instanceName} );
}
function WINDOWEVENT_LISTENER_DELETE(w)
{
if(window["eventListener"] == null)
{
return;
}
var count = window["eventListener"].size();
for(var i = count-1; 0 <= i ; i--)
{
var item = window["eventListener"].getAt(i);
if(item.instanceName == w.instanceName)
{
window["eventListener"].removeAt(i);
}
}
}
function FindWidget(className)
{
var count = window["eventListener"].size();
for(var i = 0; i < count; i++)
{
var item = window["eventListener"].getAt(i);
if(item.instanceName.indexOf(className) >= 0)
{
return $WE($E(item.instanceName));
}
}
return null;
}