XML Menu

Menu seperti START MENU Pada WINDOWS XP (Kode di bawah ini membutuhkan file xml), dan dibuat oleh Microsoft Corp.
var mnpMenuTop = null;
var mnpMenuKill = null;
var mnpMenuPopup = null;
var mnpMenuUrl = null;
var mnpMenuParent = null;
var mnpMenuScrollTimer = null;
var mnpMenuShadows = new Array();
var mnpMenuDirSave = "LTR";
var mnpMenuCTSave = false;
var mnpMenuRenderStart = null;
var mnpMenuShadowsEnabled = true;

window.attachEvent("onload", mnpMenuInit);

function mnpMenuInit()
{
try
{
mnpMenuDirSave = mnpMenuDir();
mnpMenuCTSave = mnpMenuCT();
}
catch(e)
{
return;
}
mnpMenuTop = document.getElementById("mnpMenuTop");
mnpMenuUrl = mnpMenuTop.getAttribute("url");
mnpMenuParent = mnpMenuTop.getAttribute("parent");
mnpMenuAttach(mnpMenuTop);
}

function mnpPage(label, url, target, menu, linkID)
{
this.label = label;
this.url = url;
this.target = target;
this.menu = menu;
this.linkID = linkID;
}

function mnpLabel(label)
{
this.label = label;
}

function mnpMenuEnter()
{
if (mnpMenuKill)
{
window.clearTimeout(mnpMenuKill);
mnpMenuKill = null;
}
}

function mnpMenuLeave()
{
mnpMenuKill = window.setTimeout("mnpMenuKiller()", 200);
}

function mnpMenuKiller()
{
mnpKillMenu(mnpMenuTop.getAttribute("currentMenu"));
mnpMenuTop.removeAttribute("currentMenu");
}

function mnpMenuAttach(el)
{
el.attachEvent("onmouseenter", mnpMenuEnter);
el.attachEvent("onmouseleave", mnpMenuLeave);
var divs = el.getElementsByTagName("DIV");
var t = divs.length;
for (var i=0; i < t; i++)
{
var div = divs.item(i);
if (div.className == "mnpMenuRow")
{
div.attachEvent("onmouseenter", mnpMenuMouseover);
div.attachEvent("onmouseleave", mnpMenuMouseout);
div.attachEvent("onmousedown", mnpMenuMousedown);
div.attachEvent("onmouseup", mnpMenuMouseup);
div.setAttribute("save-background", div.style.background);
div.setAttribute("save-border", div.style.borderColor);
var a = div.getElementsByTagName("A");
if (a.length > 0)
{
var a0 = a[0];
if (a0.getAttribute("aoff"))
a0.outerHTML = a0.innerHTML;
else
{
div.setAttribute("status", a0.href);
div.attachEvent("onclick", mnpMenuClick);
}
}
if (div.getAttribute("menu"))
{
var imgs = div.getElementsByTagName("IMG");
if (imgs.length > 0)
{
var img = imgs[0];
img.style.visibility = "visible";
}
else
{
var x;
if (mnpMenuDirSave == "LTR")
x = (div.offsetWidth - 10) + "px";
else if (mnpMenuTop.contains(div))
x = "4px";
else
x = "6px";
var img = "";
div.insertAdjacentHTML("afterBegin", img);
}
}
}
}
}

function mnpMenuClick()
{
var div = window.event.srcElement;
var a = div.getElementsByTagName("A");
if (a.length == 0) return;
if (window.event.shiftKey)
{
var target = a[0].target;
a[0].target = "_new";
a[0].click();
a[0].target = target;
}
else
a[0].click();
}

function mnpKillMenu(id)
{
if (id == null) return;
var menu = document.getElementById(id);
var current = menu.getAttribute("currentMenu");
if (current)
{
mnpKillMenu(current);
menu.removeAttribute("currentMenu");
}
var temp = mnpMenuShadows[id];
if (temp)
{
var i;
var tempLength = temp.length;
for (i=0; i if (temp[i])
document.body.removeChild(temp[i]);
mnpMenuShadows[id] = null;
}
var parent = document.getElementById(menu.getAttribute("parentMenu"));
var rows = parent.getElementsByTagName("DIV");
var rLength = rows.length;
for (var i=0; i {
var row = rows.item(i);
var m = row.getAttribute("menu");
if (m == id)
{
row.style.background = row.getAttribute("save-background");
row.style.borderColor = row.getAttribute("save-border");
}
}
show_elements("SELECT", menu);
show_elements("OBJECT", menu);
menu.style.display = "none";
}

function mnpMenuOpen(id, parentId, x, y)
{
var parent;
try
{
parent = document.getElementById(parentId);
}
catch(e)
{
return;
}
var current = parent.getAttribute("currentMenu");
if (id == current) return;
mnpKillMenu(current);
if (id)
parent.setAttribute("currentMenu", id);
else
{
parent.removeAttribute("currentMenu");
return;
}

var div = document.getElementById(id);
if (div == null)
{
var menu = eval("new " + id + "()");
var html = "

";
html += "

";
html += "

";
var isThisPage = false;
var mLength = menu.items.length;
for (var i=0; i {
var item = menu.items[i];
var url = item.url;
if (url == mnpMenuUrl)
{
isThisPage = true;
break;
}
}
for (var i=0; i {
var item = menu.items[i];
var label = item.label;
var re = /'/g;
var url = item.url;
if (url)
url = url.replace(re, "'");
var target = item.target;
var submenu = item.menu;
var linkID = item.linkID;
html += " if (submenu)
html += " menu='" + submenu + "'";
if (url)
{
html += " class='mnpMenuRow'";
if (url == mnpMenuUrl)
html += " style='border-color: #999999; background: white; cursor: default";
else if (!isThisPage && (url == mnpMenuParent))
html += " style='border-color: #999999; background: #F1F1F1";
else
html += " style='border-color: #F1F1F1; background: #F1F1F1";
if (mnpMenuDirSave == "LTR")
html += "; padding-left: 11px";
else
html += "; padding-right: 11px";
html += "'";
}
else
html += " class='mnpMenuLabel'";
html += ">";
if (url && (url != mnpMenuUrl))
{
var targetAttr = target == "" ? "" : " target='" + target + "'";
if (mnpMenuCTSave)
html += "" + label + "";
else
html += "" + label + "";
}
else
html += "" + label + "";
html += "

";
}
html += "

";
html += "

";
html += "