diff options
Diffstat (limited to 'TWiki/GnuSkin')
| -rw-r--r-- | TWiki/GnuSkin/RCS/menuscript.js | 289 |
1 files changed, 289 insertions, 0 deletions
diff --git a/TWiki/GnuSkin/RCS/menuscript.js b/TWiki/GnuSkin/RCS/menuscript.js new file mode 100644 index 00000000..6b30f176 --- /dev/null +++ b/TWiki/GnuSkin/RCS/menuscript.js @@ -0,0 +1,289 @@ +// Determine browser type (Netscape 6 or IE 5.5).
+
+
+var isIE5 = (navigator.userAgent.indexOf("MSIE 5.5") > 0) ? 1 : 0;
+var isIE5 = (navigator.userAgent.indexOf("MSIE 5") > 0) ? 1 : 0;
+var isNS6 = (navigator.userAgent.indexOf("Gecko") > 0) ? 1 : 0;
+var isNS4 = ((navigator.appName.indexOf("Netscape")==0)
+ &&(navigator.userAgent.indexOf("Mozilla/4") == 0)) ? 1 : 0;
+
+//if (isNS4==0)
+// alert("This skin has been designed for Netscape 4.x.");
+
+// For IE, adjust menu bar styling.
+
+if (isIE5) {
+ document.styleSheets[document.styleSheets.length - 1].addRule("#menuBar", "padding-top:3px");
+ document.styleSheets[document.styleSheets.length - 1].addRule("#menuBar", "padding-bottom:3px");
+}
+
+// Global variable for tracking the currently active button.
+
+var activeButton = null;
+
+if (isIE5)
+ document.onmousedown = pageMousedown;
+if (isNS6)
+ document.addEventListener("mousedown", pageMousedown, true);
+
+function pageMousedown(event) {
+
+ var className;
+
+ // If the object clicked on was not a menu button or item, close any active
+ // menu.
+
+ if (isIE5)
+ className = window.event.srcElement.className;
+ if (isNS6)
+ className = (event.target.className ?
+ event.target.className : event.target.parentNode.className);
+
+ //Top menu mouseover
+ if (className != "menuButton" && className != "menuItem" && className != "menuItemDiff" && activeButton)
+ resetButton(activeButton);
+
+
+ //Left menu show hide
+ var eSrc = window.event.srcElement;
+ window.event.cancelBubble = true;
+ if ("clsShowHide" == eSrc.className) return contentsHeading_click(eSrc);
+
+ //Original version of this (with frames support)
+ //while ("BODY" != eSrc.tagName) {
+ // if ("clsItem" == eSrc.className || "clsItemSelect" == eSrc.className) return contentsItem_click(eSrc);
+ // else if ("clsShowHide" == eSrc.className || "clsHeading" == eSrc.className) return contentsHeading_click(eSrc);
+ // eSrc = eSrc.parentElement;
+ //}
+}
+
+function buttonClick(button, menuName) {
+
+ // Blur focus from the link to remove that annoying outline.
+
+ if (!isNS4)
+ button.blur();
+
+ // Associate the named menu to this button if not already done.
+
+ if (!button.menu)
+ {
+ if (isNS4)
+ button.menu = document.layers[menuName];
+ else
+ button.menu = document.getElementById(menuName);
+ }
+
+
+ // Reset the currently active button, if any.
+
+ if (activeButton && activeButton != button)
+ resetButton(activeButton);
+
+ // Toggle the button's state.
+
+ if (button.isDepressed)
+ resetButton(button);
+ else
+ depressButton(button);
+
+ return false;
+}
+
+function buttonMouseover(button, menuName) {
+
+ // If any other button menu is active, deactivate it and activate this one.
+ // Note: if this button has no menu, leave the active menu alone.
+
+ if (activeButton) {
+ if (activeButton != button) {
+ resetButton(activeButton);
+ if (menuName)
+ buttonClick(button, menuName);
+ }
+ else {
+ }
+ }
+ else {
+ if (menuName)
+ buttonClick(button, menuName);
+ }
+}
+
+function depressButton(button) {
+
+ // Save current style values so they can be restored later.
+ // Only needs to be done once.
+
+ if (!button.oldBackgroundColor) {
+ button.oldBackgroundColor = button.style.backgroundColor;
+ button.oldBorderBottomColor = button.style.borderBottomColor;
+ button.oldBorderRightColor = button.style.borderRightColor;
+ button.oldBorderTopColor = button.style.borderTopColor;
+ button.oldBorderLeftColor = button.style.borderLeftColor;
+ button.oldColor = button.style.color;
+ button.oldLeft = button.style.left;
+ button.oldPosition = button.style.position;
+ button.oldTop = button.style.top;
+ }
+
+ // Change style value to make the button looks like it's
+ // depressed.
+
+ button.style.backgroundColor = "#99CC99";
+ button.style.borderBottomColor = "#99CC99";
+ button.style.borderRightColor = "#99CC99";
+ button.style.borderTopColor = "#99CC99";
+ button.style.borderLeftColor = "#99CC99";
+ button.style.color = "#E9E9E9";
+ button.style.left = "0px";
+ button.style.position = "relative";
+ button.style.top = "0px";
+
+ // For IE, force first menu item to the width of the parent menu,
+ // this causes mouseovers work for all items even when cursor is
+ // not over the link text.
+
+ if (isIE5 && !button.menu.firstChild.style.width)
+ button.menu.firstChild.style.width =
+ button.menu.offsetWidth + "px";
+
+if (isNS4)
+{
+ button.menu.left = (window.innerWidth-100);
+ button.menu.top = 0;
+ button.menu.visibility = "show";
+}
+else
+{
+
+
+ // Position the associated drop down menu under the button and
+ // show it. Note that the position must be adjusted according to
+ // browser, styling and positioning.
+
+ //x = getPageOffsetLeft(button);
+ x = getPageOffsetLeft(button);
+ y = getPageOffsetTop(button) + button.offsetHeight;
+ if (isIE5)
+ y += 2;
+ if (isNS6) {
+ x--;
+ y--;
+ }
+ x -= 20;
+ y -= 10;
+ button.menu.style.left = x + "px";
+ button.menu.style.top = y + "px";
+ button.menu.style.visibility = "visible";
+}
+
+ // Set button state and let the world know which button is
+ // active.
+
+ button.isDepressed = true;
+ activeButton = button;
+}
+
+function resetButton(button) {
+
+ // Restore the button's style settings.
+
+ button.style.backgroundColor = button.oldBackgroundColor;
+ button.style.borderBottomColor = button.oldBorderBottomColor;
+ button.style.borderRightColor = button.oldBorderRightColor;
+ button.style.borderTopColor = button.oldBorderTopColor;
+ button.style.borderLeftColor = button.oldBorderLeftColor;
+ button.style.color = button.oldColor;
+ button.style.left = button.oldLeft;
+ button.style.position = button.oldPosition;
+ button.style.top = button.oldTop;
+
+ // Hide the button's menu.
+
+ if (button.menu)
+ {
+ if (isNS4)
+ button.menu.visibility = "hide";
+ else
+ button.menu.style.visibility = "hidden";
+
+ }
+
+
+ // Set button state and clear active menu global.
+
+ button.isDepressed = false;
+ activeButton = null;
+}
+
+function getPageOffsetLeft(el) {
+
+ // Return the true x coordinate of an element relative to the page.
+
+ return el.offsetLeft + (el.offsetParent ? getPageOffsetLeft(el.offsetParent) : 0);
+}
+
+
+function getPageOffsetTop(el) {
+
+ // Return the true y coordinate of an element relative to the page.
+
+ return el.offsetTop + (el.offsetParent ? getPageOffsetTop(el.offsetParent) : 0);
+}
+
+
+// Swap background colour
+function bgcolour(obj, Colour) {
+ obj.style.backgroundColor=Colour
+}
+
+//Pop up window
+function MM_openBrWindow(theURL,winName,features) { //v2.0
+ window.open(theURL,winName,features);
+}
+
+function MM_findObj(n, d) { //v3.0
+ var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
+ d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
+ if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
+ for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
+}
+/* Functions that swaps %PUBURLPATH%/skins/tiger. */
+function MM_swapImage() { //v3.0
+ var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
+ if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
+}
+
+//Left menu folders
+var eSelected = null;
+function contentsHeading_click(eSrc) {
+ if ("clsShowHide" == eSrc.className) eSrc = document.all[eSrc.sourceIndex + 1];
+ var iNumElements = document.all.length;
+ for (var i=eSrc.sourceIndex+1;i<iNumElements;i++) {
+ var eTemp = document.all[i];
+ if ("clsHeading" == eTemp.className) return;
+ else if ("clsItemsHide" == eTemp.className) {
+ eTemp.className = "clsItemsShow";
+ //No image url in .js - not subject to wiki vars
+ //eSrc.style.listStyleImage = "url('images/blueminus.gif')";
+ return eSrc.blur();
+ }
+ else if("clsItemsShow" == eTemp.className) {
+ eTemp.className = "clsItemsHide";
+ //No image url in .js - not subject to wiki vars
+ //eSrc.style.listStyleImage = "url('images/blueplus.gif')";
+ return eSrc.blur();
+ }
+ }
+}
+function contentsItem_click(eSrc) {
+ if (document.all["styleView"]) eSrc.target = document.all["styleView"].checked ? "_blank" : "TEXT";
+ else if ("" == eSrc.target) eSrc.target = "TEXT"
+ if(null != eSelected) eSelected.className = "clsItem";
+ eSrc.className = "clsItemSelect";
+ eSelected = eSrc;
+}
+
+
+
|