What does line 104 mean by "Required. Do not edit or remove"? I'm only interested in using, customizing Menu [2].
How do I make it so that only menu [2] is displayed?
Printable View
What does line 104 mean by "Required. Do not edit or remove"? I'm only interested in using, customizing Menu [2].
How do I make it so that only menu [2] is displayed?
Required. Do not edit or remove means that it has to stay there. Each menu's properties and links object must have valid javascript terminating brackets. To have only menu[2], do like so:
Code:/***********************************************
* Omni Slide Menu script - © John Davenport Scheuer
* very freely adapted from Dynamic-FX Slide-In Menu (v 6.5) script- by maXimus
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code
* as first mentioned in http://www.dynamicdrive.com/forums
* username:jscheuer1
***********************************************/
//One global variable to set, use true if you want the menus to reinit when the user changes text size (recommended):
resizereinit=true;
menu[2] = { // REQUIRED!! This menu explicitly declares all available options even if they are the same as the defaults
id:'menu2', //use unique quoted id (quoted) REQUIRED!!
/////////////////////////////////////
///////////// no quotes for these properties (numbers represent pixels unless otherwise noted): ////////////
/////////////////////////////////////
user_defined_stylesheet:false, //if true, prevents script from generating stylesheet for this menu
user_defined_markup:false, //if true, prevents script from generating markup for this menu
design_mode:false, //if true, generates a report of the script generated/intended styles and markup (as a design aid)
menutop:160, // initial top offset - except for top menu, where it is meaningless
menuleft:'45%', // initial left offset - only for top menu, as pixels (can be a quoted percentage - ex: '50%')
keepinview:80, // Use false (for not static) - OR - true or numeric top offset when page scrolls
menuspeed:20, // Speed of menu sliding smaller is faster (interval of milliseconds)
menupause:500, // How long menu stays out when mouse leaves it (in milliseconds)
d_colspan:3, // Available columns in menu body as integer
allowtransparent:false, // true to allow page to show through menu if other bg's are transparent or border has gaps
barwidth:20, // bar (the vertical cell) width
wrapbar:true, // extend and wrap bar below menu for a more solid look (default false) - will revert to false for top menu
hdingwidth:210, // heading - non linked horizontal cells width
hdingheight:25, // heading - non linked horizontal cells height
hdingindent:1, // heading - non linked horizontal cells text-indent represents ex units (@8 pixels decimals allowed)
linkheight:20, // linked horizontal cells height
linktopad:3, // linked horizontal cells top padding
borderwidth:2, // inner border-width used for this menu
/////////////////////////// quote these properties: /////////////////////
bordercolor:'#000080', // inner border color
borderstyle:'solid', // inner border style (solid, dashed, inset, etc.)
outbrdwidth:'0ex 0ex 0ex 0ex', // outer border-width used for this menu (top right bottom left)
outbrdcolor:'lightblue', // outer border color
outbrdstyle:'solid', // outer border style (solid, dashed, inset, etc.)
barcolor:'white', // bar (the vertical cell) text color
barbgcolor:'#4d6814', // bar (the vertical cell) background color
barfontweight:'bold', // bar (the vertical cell) font weight
baralign:'center', // bar (the vertical cell) right left or center text alignment
menufont:'verdana', // menu font
fontsize:'90%', // express as percentage with the % sign
hdingcolor:'white', // heading - non linked horizontal cells text color
hdingbgcolor:'#4d6814', // heading - non linked horizontal cells background color
hdingfontweight:'bold', // heading - non linked horizontal cells font weight
hdingvalign:'middle', // heading - non linked horizontal cells vertical align (top, middle or center)
hdingtxtalign:'left', // heading - non linked horizontal cells right left or center text alignment
linktxtalign:'left', // linked horizontal cells right left or center text alignment
linktarget:'', // default link target, leave blank for same window (other choices: _new, _top, or a window or frame name)
kviewtype:'fixed', // Type of keepinview - 'fixed' utilizes fixed positioning where available, 'absolute' fluidly follows page scroll
menupos:'top', // set side that menu slides in from (right or left or top)
bartext:'MY MENU', // bar text (the vertical cell) use text or img tag
///////////////////////////
menuItems:[
//[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
["Hot Sites"], //create header
["Lois Images", "http://www.loisimages.com", "_new"],
["State Street Blues", "http://www.statestreetbluesstroll.com/","_new"],
["Media Jazz by Night", "http://www.mediajazzbynight.com/", "_new"],
["DD Help Forum", "http://www.dynamicdrive.com/forums", "_new"],
["Search", "", "", 2, "no"], //create two column header w/ 2 and 1 column members, requires d_colspan:3
["Search", "", "", 1],
["Google", "http://www.google.com/", "_new", 1, "no"], //create three column row, requires d_colspan:3
["Yahoo", "http://www.yahoo.com/", "_new", 1, "no"],
["AltaVista", "http://www.altavista.com/", "_new", 1],
["Personal", "", ""], //create header
["Ansi Art Gallery", "http://home.comcast.net/~ansiguy", "_new"],
["John's Javascript Jungle", "http://home.comcast.net/~jscheuer1/side", "_new"] //no comma after last entry
]}; // REQUIRED!! do not edit or remove
////////////////////Stop Editing/////////////////
make_menus();
That works. Thanks. I changed line 62 from ["Lois Images", "http://www.loisimages.com", "_new"], to ["Lois Images", "http://www.loisimages.com", "_blank"], it still opens in a new window. How do I get it to open in the same already open window/tab?
Got it. I just don't use _blank. ["Lois Images", "http://www.loisimages.com", ""] Thanks for your patience.
How do I apply fixed positioning, so that when the page is scrolled, the menu will stay at the top of the page?
In the menuItems.js file menu[2] is already set that way:
Code:kviewtype:'fixed',
I see. Thanks. How do I get the Anchor action? I've got an anchor...AnchorLink_448 on http://hstrial-tedocitycom.homestead...AnchorLink_448 that directs the top of the page to go to the Sports section on the site...How do I get it to work...it hasn't gone to the area when clicked with the above html address in the MenuItems.js file, line 62 configured ["Anchor Link Test", "http://hstrial-tedocitycom.homestead.com/MyKeyToTheCityTulsa.html#AnchorLink_448", ""],
I named the first entry in the menu "Anchor Link Test" @ http://hstrial-tedocitycom.homestead...CityTulsa.html with the #AnchorLink_448 designation in the link address code on line 62. How do I get it to function?
There is no AnchorLink_448. But there is an anchor_448. So that should work:
Code:["Anchor Link Test", "http://hstrial-tedocitycom.homestead.com/MyKeyToTheCityTulsa.html#anchor_448", ""],
Beautiful. It works. Thanks for your patience. Homesteads editor titles the anchor "AnchorLink". I thankfully got some help/guidence towards standard HTML protocol. the #Anchor_448 worked. Beautiful. Thanks again. Ted.