// JavaScript Document // *** (2) MENU DATA *** // // Read this section VERY CAREFULLY, it explains how to arrange and tweak the menus themselves. // To use this script you must create one or more PopupMenu() objects, that will contain all // the menu data and settings used. This demo contains one, named 'pMenu', although you can // have as many totally separate menus as you want on one page. // Next we add menus and items to the object, using its startMenu() and addItem() // commands. Each menu object MUST contain one menu named 'root', which is the first, always // visible menu. The syntax of the startMenu() command is: // // startMenu('menu name', Vertical menu (true/false)?, left, top, width, default ItemStyle // for items in this menu, optional parent frame/window or layer in which this menu resides); // // In order, the parameters are a name for the menu like 'root' or 'mFile', which you can use to // refer to this menu from other menus, to pop it out. // Next, pass 'true' if you want this to be a vertical stacked menu or 'false' if you want this // to be a horizontal menu bar. You can orientate each menu differently this way. // The Left and Top positions allow you to locate this menu either absolutely from the page or // relative to menu item that pops it out. If you want to offset this menu from the item that pops // it out, set the positions as NUMBERS, e.g. 130, 10 would put the upper-left corner of this menu // 130px across and 10px down from the upper-left corner of the item that popped it out. // If you put '130', '10' as positions in QUOTES, you can position the menu from the upper-left // corner of the whole page. These strings can also include formulae to centre or scroll the menu, // examples are included later on. Note: the 'root' menu is always positioned from the page corner. // The 'width' depends on the orientation of the menu -- for vertical menus it's the width, // for horizontal menus it is the height. Basically, it's the constant dimension for all the items. // The parent window or layer parameter is optional, if not specified the current window is // used -- this example does not use frames. See the frameset example file if you're using them, // they are strings that when evaluated return a reference, like 'window.top'. // // Once you have created a menu, you add items to that menu using the addItem() command. // You must give it THREE compulsory parameters: 1) The HTML/text to display in the item. 2) The // menuname/filename/URL the item activates. 3) The action type or target frame of that item. // All other parameters are optional -- you can override the menu's default ItemStyle with the // item's own, and optionally override that was well by specifying a list of parameters in the // same order as an ItemStyle, to give each item its own dimensions / colours etc. // See the example menu below for an example of these extras... // // addItem('Text', 'URL or menuname', 'action type', optional ItemStyle, length, spacing, // 'popout indicator', popout indicator position, etc... in the same order as ItemStyles); // // The third parameter, 'action type', tells the script what to do with the second parameter. // You can tell the script to load a file in the current window or a particular frame, tell it // to pop out a menu, or tell it to run a JavaScript command. You do these like this: // // addItem('Text', 'file.html', ''); //blank means opens up 'file.html' in the current window. // addItem('Text', 'file.html', 'parent.content'); //opens 'file.html' in a frame named 'content'. // addItem('Text', 'menuName', 'sm:'); //pops out another submenu called 'menuName'. // addItem('Text', 'alert("Hello")', 'js:'); //runs a JavaScript command when clicked. // // Frame names should be valid JavaScript syntax, e.g. 'top.frameName' or 'parent.popupWin', // evaluated from the the window containing the main script (this one). Also, this system means // 'sm:' items aren't normally clickable. If you do want to add click or mouseover actions to // items, see the "Optional Code" section of the script below. // // parameters 5 and 6 are colors I think // // See the example below if this seems complicated, it's quite easy once you get the hang of it. // Thanks to Martin J. Cole for originally suggesting the syntax! // If you want more information, there's a FAQ (Frequently Asked Questions) section on my // site: http://www.twinhelix.com, on the 'Popup Menus' page, or try the 'Site Forums" perhaps. // A PopupMenu() object must be passed its own name so it can reference itself when the menu // is active. We also use a 'with' block to work with its properties and functions below. var pMenu = new PopupMenu('pMenu'); with (pMenu) { // *** MOVE OR CENTRE THE MENU HERE *** // To centre it, or scroll with the window etc, just include a global variable or formula as one // of the positions. This script includes my page object, which has several useful methods, namely // 'page.winW()', 'page.winH()', 'page.scrollY()' and 'page.scrollX()'. These return the current // dimensions of the visible window area and the scroll position of the window, which can be // used to position menus however you want. Try replacing the first startMenu() below with one of // these commented lines, and scroll/resize the window to see how they work. //startMenu('root', false, 'page.winW()/2 - pMenu.menu.root[0].menuW/2', 0, 17, hBar); // Centres. //startMenu('root', false, 10, 'page.scrollY()', 17, hBar); // Floats with window as you scroll. //startMenu('root', false, 10, 0, 17, hBar, 'frameName'); // To create in subframe. // The 'root' menu is horizontal, positioned at (x = 10, y = something) and is 17px high, and items // by default use the colours and dimensions in the 'hBar' ItemStyle defined above. // This menu is also positioned over a similarly-coloured table in the HTML document above. //startMenu('root', false, 10, 200, 17, hBar); // Yes this should be an else if but there is something wrong then with isOp //if( isIE ) //startMenu('root', false, '20', '192', 17, hBar); //else //startMenu('root', false, '20', '192', 17, hBar); //if( isOp ) //startMenu('root', false, '20', '187', 17, hBar); // bab 20080624 Why isn't this the same as systronix.com?? if( isIE ) startMenu('root', false, '20', '198', 17, hBar); else startMenu('root', false, '20', '187', 17, hBar); if( isOp ) startMenu('root', false, '20', '187', 17, hBar);