/* 使用方法
1. 修改最下方 "資料表" 區域
(1) menu為二維陣列，表下拉選單目錄
以"，"作區隔，第一個為 "超連結的URL"，第二個為 "超連結的文字"
(2) tag為一維陣列，表標籤頁
以"，"作區隔，第一個為 "圖片的預設值"，第二個為 "鼠標移入時的圖片"，第三個為 "超連結的URL"(沒有表示為有下拉式選單目錄)
2. 間加入下列
3. 執行 menuInit(t) 函數，t為第t+1個標籤被選取
例：
4. 網頁中加入下一段，選單目錄將出現在這個位置
*/
function $I(id) { return document.getElementById(id); }
if(typeof(HTMLElement)!="undefined" && !window.opera) {
HTMLElement.prototype.__defineGetter__("outerHTML",function()
{
var a=this.attributes, str="<"+this.tagName, i=0;for(;i";
return str+">"+this.innerHTML+"";
});
HTMLElement.prototype.__defineSetter__("outerHTML",function(s)
{
var r = this.ownerDocument.createRange();
r.setStartBefore(this);
var df = r.createContextualFragment(s);
this.parentNode.replaceChild(df, this);
return s;
});
HTMLElement.prototype.__defineGetter__("canHaveChildren",function()
{
return !/^(area|base|basefont|col|frame|hr|img|br|input|isindex|link|meta|param)$/.test(this.tagName.toLowerCase());
});
}
function getOffset(evt) {
var target = evt.target;
if (target.offsetLeft == undefined) {
target = target.parentNode;
}
var pageCoord = getPageCoord(target);
var eventCoord =
{
x: window.pageXOffset + evt.clientX,
y: window.pageYOffset + evt.clientY
};
var offset =
{
offsetX: eventCoord.x - pageCoord.x,
offsetY: eventCoord.y - pageCoord.y
};
return offset;
}
function getPageCoord(element) {
var coord = {x: 0, y: 0};
while (element)
{
coord.x += element.offsetLeft;
coord.y += element.offsetTop;
element = element.offsetParent;
}
return coord;
}
function getEventOffset(evt) {
var msg = "";
if (evt.offsetX == undefined)
{
var evtOffsets = getOffset(evt);
msg += "offsetX: " + evtOffsets.offsetX + "; ";
msg += "offsetY: " + evtOffsets.offsetY + "; ";
}
else
{
msg += "offsetX: " + evt.offsetX + "; ";
msg += "offsetY: " + evt.offsetY + "; ";
}
alert(msg);
return msg;
}
//-----加入下拉式選單目錄 -----
function menuAdd(m) {
var msg = "" +
"
";
for(var i=0;i" +
" | " +
" " +
" | " +
" ";
}
msg += "" +
"
" +
"
";
for(var i=0;i";
else {
imgMenu = j; // 自訂屬性：圖片有選單目錄
j ++;
}
tmpi = "";
if (tmpa) tmpi = tmpa + tmpi + "";
msg += "| " +tmpi + " | ";
}
msg += "
";
$I('oInsert').outerHTML = msg + $I('oInsert').outerHTML;
}
// 初始化
function menuInit(t) {
for(var i=0;i