Page 2 of 3 FirstFirst 123 LastLast
Results 11 to 20 of 26

Thread: Using Anchors with OmniSlide Menu

  1. #11
    Join Date
    Jan 2010
    Location
    Tulsa, OK
    Posts
    48
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    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?
    Last edited by jscheuer1; 05-24-2014 at 01:01 AM. Reason: merge

  2. #12
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,025
    Thanks
    44
    Thanked 3,209 Times in 3,171 Posts
    Blog Entries
    12

    Default

    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();
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    Tedah3143 (05-24-2014)

  4. #13
    Join Date
    Jan 2010
    Location
    Tulsa, OK
    Posts
    48
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    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?

  5. #14
    Join Date
    Jan 2010
    Location
    Tulsa, OK
    Posts
    48
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    Got it. I just don't use _blank. ["Lois Images", "http://www.loisimages.com", ""] Thanks for your patience.

  6. #15
    Join Date
    Jan 2010
    Location
    Tulsa, OK
    Posts
    48
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    How do I apply fixed positioning, so that when the page is scrolled, the menu will stay at the top of the page?

  7. #16
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,025
    Thanks
    44
    Thanked 3,209 Times in 3,171 Posts
    Blog Entries
    12

    Default

    In the menuItems.js file menu[2] is already set that way:

    Code:
    kviewtype:'fixed',
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  8. The Following User Says Thank You to jscheuer1 For This Useful Post:

    Tedah3143 (05-24-2014)

  9. #17
    Join Date
    Jan 2010
    Location
    Tulsa, OK
    Posts
    48
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    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", ""],

  10. #18
    Join Date
    Jan 2010
    Location
    Tulsa, OK
    Posts
    48
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    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?

  11. #19
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,025
    Thanks
    44
    Thanked 3,209 Times in 3,171 Posts
    Blog Entries
    12

    Default

    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", ""],
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  12. The Following User Says Thank You to jscheuer1 For This Useful Post:

    Tedah3143 (05-24-2014)

  13. #20
    Join Date
    Jan 2010
    Location
    Tulsa, OK
    Posts
    48
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    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.

Similar Threads

  1. Tab Menu using inpage anchors
    By BuildMyWeb in forum CSS
    Replies: 2
    Last Post: 09-09-2010, 08:49 PM
  2. Omnislide Menu
    By lightsoutgolf in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 07-02-2008, 04:53 PM
  3. omnislide menu
    By candella in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 10-20-2007, 07:59 PM
  4. omnislide menu need help
    By candella in forum Bug reports
    Replies: 0
    Last Post: 10-07-2007, 01:53 PM
  5. omnislide, left and top menu away
    By Somers012 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 08-09-2007, 06:34 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •