Could someone please help me with this rollover on a .js menu?

Discussion in 'JavaScript' started by Lotus9, Nov 1, 2006.

  1. #1
    Hello,

    I'm not sure what you need, but this menu was created with Acemenu. ON the inerface, yu can customize font color and background color on the rollover, but I want the rollover text to either have an underline or really a dashed bottom border. Here is the part of the code that deals with these issues:

    
    ace_state.columns = 1;
    ace_state.closedelay = 500;
    ace_state.hbgcolor = '#FD2600';
    ace_state.hftcolor = '#000000';
    ace_state.nbgcolor = '#000000';
    ace_state.nftcolor = '#FFFFFF';
    ace_state.fontFamily = 'Verdana';
    ace_state.fontSize = '10pt';
    ace_state.fontStyle = 'normal';
    ace_state.fontWeight = 'normal';
    ace_state.itemborder = '1px #FFFFFF solid';
    ace_state.hbdrsize = '0';
    ace_state.cellpadding = 1;
    ace_state.cellspacing = 1;
    ace_state.layerpadding = 3;
    
    Code (markup):
    I'm not sure if you need more, if so please let me know. I really need this done. I can't believe I can't make the rollover text have an underline.

    Thanks.
     
    Lotus9, Nov 1, 2006 IP
  2. Phlegm Jar

    Phlegm Jar Peon

    Messages:
    100
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #2
    As a complete guess, does the line ace_state.fontStyle accept any other parameters (in similar fashion to 'itemborder')? In other words, would
    ace_state.fontStyle = 'normal underline'; have any effect?
     
    Phlegm Jar, Nov 1, 2006 IP
  3. Lotus9

    Lotus9 Peon

    Messages:
    127
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hey,

    Thanks for the reply...I changed this:

    
    ace_state.fontStyle = 'normal';
    Code (markup):
    To: ace_state.fontStyle = 'normal underline';

    And: ace_state.fontStyle = 'underline';

    Neither of these changed anything. How about this...anyway to use a css on the links to get the underline/bottom border? I remember, when I specified certain settings for (a) default links..these changes showed up on the menu links as well. I could get the dash bottom border this way...the only problem is that I can't have default links with the bottom border...so that's why I make those links like - link2 or link3. But, I'm not sure if I can specify css classes in this .js - here is what the links look like:

    
    acemenu.AddItem('Menu Title', 'http://www.domain.com/', '', false , '', '0', '0');
    
    Code (markup):
    Anyway to put like a class="link3" in there to affect the links?

    Thanks.
     
    Lotus9, Nov 1, 2006 IP
  4. Lotus9

    Lotus9 Peon

    Messages:
    127
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Anyone? Please
     
    Lotus9, Nov 2, 2006 IP