function _QuickMenu ()
{
/* 사용 방법 */
// 아래와 같은 형태로스타일을 적용한
// #quickMenu { }
// #quickT{ }
//
// NxQuickMenu 오브젝트를 사용
//
// addItem(itemName, eventHandler) : 메뉴 아이템과 이벤트 핸들러를 등록. 클릭 이벤트 발생시 해당 이벤트 핸들러 수행하며 퀵메뉴를 숨김
// itemName - 메뉴 아이템 이름
// eventHander - 수행할 이벤트 핸들러
//
// addText(strText) : 메뉴에 포함될 텍스트 등록. 클릭 이벤트 수행 안하며, 퀵메뉴를 숨기지 않음
// str - 퀵메뉴에 표시할 텍스트 내용
//
// Execute(myEvent, property) : NxQuickMenu를 보여주기 위한 메소드. 메소드 실행 후 등록되었던 아이템 리스트는 리셋됨.
// myEvent - IE에서는 event를 글로벌하게 사용할 수 있지만, Firefox등에서 클릭 이벤트를 받아오기 위한 event 오브젝트를 파라비터로 받아야 함
// properties
// loc : 퀵메뉴가 표시될 위치 선정 "below"(기본, 마우스 클릭 위치 아래에 표시) 혹은 "above" (마우스 클릭 위치 위에 표시)
// headerContents : header에 들어갈 내용. 닫기 버튼에 NxQuickMenu.hide() 함수를 매핑
/* 변수 */
// itemList, eventList 및 nItems는 addItem method를 통하여 추가되며, Execute 실행 후에는 그 내용을 지운다.
// nItems는 총 아이템 갯수를 나타내며, itemList에는 아이템 이름을, eventList는 해당 아이템에 대한 onClick 이벤트 핸들링 메소드를 저장한다.
this.itemList = new Array();
this.eventList = new Array();
this.nItems = 0;
// loc 값은 above 혹은 below를 취해야 하며, above일 경우 퀵메뉴를 마우스 클릭 위치에서 위쪽에, below는 아래쪽에 표시한다.
// default value 로 below가 선택되며, 이 값은 Execute 를 호출하면서 지정한다.
this.loc = "";
this.headerContents = "quick menu
";
this.generateHtml = function()
{
var header = "";
return header + contents + footer;
}
this.addText = function (strText, strValue)
{
this.itemList[this.nItems] = strText;
if(strValue == '')
this.eventList[this.nItems] = "__nx_text__";
else
this.eventList[this.nItems] = strValue;
this.nItems ++;
}
this.addItem = function (itemName, eventHandler)
{
this.itemList[this.nItems] = itemName;
this.eventList[this.nItems] = eventHandler;
this.nItems ++;
}
this.open = function(myEvent){
var curObj = document.getElementById("quickMenu");
if(myEvent != null){
var loc_x = myEvent.clientX + document.body.scrollLeft;
var loc_y = myEvent.clientY + document.body.scrollTop;
}
if(this.loc == "above"){
var height = 0;
if(curObj.currentStyle != null){
height = curObj.currentStyle.height + "";
}
else if(curObj.clientHeight != null)
{
height = curObj.clientHeight + "";
}
if(height != 0){
if(height.search("px")>0){
height = height.substring(0, height.indexOf("px"));
}
if(height > 0){
loc_y = loc_y - height;
}
if(loc_y < 0){ loc_y = 0;}
}
}
curObj.style.left= loc_x;
curObj.style.top = loc_y;
curObj.style.visibility="visible";
}
this.close = function()
{
alert("close function used. but it shouldn't be;");
}
this.hide = function()
{
document.getElementById("quickMenu").style.visibility='hidden';
}
this.getBody = function()
{
var str = "";
var i=0;
for(i=0; i" + this.itemList[i];
else if(this.eventList[i] == "__nx_text__")
str += " >" + this.itemList[i];
else
str += "style='cursor:hand' onClick = 'NxQuickMenu.hide();" + this.eventList[i] + "'" + " >" + this.itemList[i];
str += "";
}
return str;
}
this.createPH = function()
{
if(!document.getElementById('quickMenu'))
{
var myPh = document.createElement( 'div' );
document.body.appendChild(myPh);
myPh.id = "quickMenu";
myPh.style.position="absolute";
}
}
// myEvent 파라미터는 FireFox등에서 마우스 클릭 이벤트를 받아오기 위함
this.Execute = function(myEvent, property)
{
if(typeof(property.loc) != "undefined")
{
if(property.loc.toLowerCase() == "above"){
this.loc = "above";
}else{
this.loc = "below";
}
}
else{
this.loc = "below";
}
if(typeof(property.headerContents) != "undefined"){this.headerContents = property.headerContents;}
this.createPH();
// For debugging document.getElementById("quickMenu").style.visibility="hidden";
//alert( this.generateHtml() );
document.getElementById("quickMenu").innerHTML = this.generateHtml();
this.open(myEvent);
this.nItems=0;
}
};
var NxQuickMenu = new _QuickMenu();