Hey Alexander, I was hoping you could help me understand a couple of things.
I can assume the obvious that the for loop is building the docking station and populating the buttons.
It looks like the element is the docking station, ul is the qv document and li is the number of tabs in the app. Would this always be case for ul and li?
Qva.LoadCSS("/QvAjaxZfc/QvsViewClient.aspx?public=only&type=document&name=Extensions/iTabrow/menu.css");
Qva.AddDocumentExtension('iTabrow', function(){
this.Document.SetTabrowPaint(VoodooMagic);
});
function VoodooMagic()
{
var element = this.Element;
element.className = "dock";
element.style.position = "absolute";
var tabrowElem = element.getElementsByTagName("ul")[0];
if (!tabrowElem) {
tabrowElem = document.createElement("ul");
element.appendChild(tabrowElem);
}
var xmlTabs = this.Layout.value;
var tabNodes = tabrowElem.getElementsByTagName("li");
for (var itab = 0; itab < Math.max(xmlTabs.length, tabNodes.length); itab++) {
var xmlTabNode = xmlTabs[itab];
var tabelem = tabNodes[itab];
if (!xmlTabNode && !tabelem)
continue;
var aelem, spanelem;
if (!tabelem) {
tabelem = document.createElement("li");
tabrowElem.appendChild(tabelem);
}
tabelem.innerHTML = "";
if (!xmlTabNode || !xmlTabNode.visible) {
tabelem.style.display = "none";
continue;
}
aelem = document.createElement("a");
aelem.href = "#";
aelem.innerHTML = "<em><span>" + xmlTabNode.text + "</span></em>";
aelem.innerHTML += "<img src='/QvAjaxZfc/QvsViewClient.aspx?public=only&type=document&name=Extensions/iTabrow/" + itab + ".png' alt=" + xmlTabNode.text + " />";
tabelem.appendChild(aelem);
var id = xmlTabNode.name;
tabelem.id = id;
if (xmlTabNode.action) {
tabelem.onclick = onclick_action;
tabelem.Action = this.Name + "." + id;
}
}
};
Great.