Results 1 to 8 of 8

Thread: All Levels Navigational Menu - Arrow change on hover

  1. #1
    Join Date
    Aug 2009
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default All Levels Navigational Menu - Arrow change on hover

    1) Script Title:
    All Levels Navigational Menu (v2.2)

    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/

    3) Describe problem:
    It's not really a problem, it is question.

    Is there any way to make arrow image change on mouse hover?

    I've tried to put it as a css, background, but then there is a problem, because not all menu items need to have arrows.

    I have been trying this for 2 days, so i decided to ask here. Any help appreciated.

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    The arrows are added directly inside the menu items and not via CSS (as backgrounds for example). That makes it more complicated to get them to change onMouseover. I'll try and revisit this thread later this week if I have time to see if I can come up with the changes needed.
    DD Admin

  3. #3
    Join Date
    Aug 2009
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Yes I know that

    I have tried to find some on mouse over event inside js file, and then to add code to change arrow src to something different, but no luck.

    My programming skills are obviously not that big.

    I would really appreciate your help in inserting two lines of code to make this work.

    Thanks in advance.

  4. #4
    Join Date
    Feb 2008
    Posts
    137
    Thanks
    18
    Thanked 2 Times in 2 Posts

    Default

    Quote Originally Posted by dacko View Post
    1)
    Is there any way to make arrow image change on mouse hover?
    How are they supposed to change when you hover over them?
    You mean by color?

    Sorry misread your second post.
    If you want to change the arrows just change the files; arrow-down.gif and arrow-right.gif
    ASCII stupid question, get a stupid ANSI!
    Beta is Latin for still doesn’t work.
    Mac users swear by their Mac, PC users swear at their PC.
    Keyboard not found...Press any key to continue.

  5. #5
    Join Date
    Aug 2009
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I know how to change basic arrows images, of course...

    What I need is to change arrows on hover...

    Example:
    I have arrow-right.gif and arrow-right-hover.gif... So i need arrow-right.gif to be changed to arrow-right-hover.gif when mouse is over that menu item. Also to change back to arrow-right.gif when mouse go to another menu item.

  6. #6
    Join Date
    Feb 2008
    Posts
    137
    Thanks
    18
    Thanked 2 Times in 2 Posts

    Post

    I am a believer in CSS, try this; purecssmenu

    See attached, is that what you meant?
    ASCII stupid question, get a stupid ANSI!
    Beta is Latin for still doesn’t work.
    Mac users swear by their Mac, PC users swear at their PC.
    Keyboard not found...Press any key to continue.

  7. #7
    Join Date
    Aug 2009
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Something like that, yes... but also to change images on submenu items.

    I want first to try to find solution for this DD all levels menu, because it is connected to database and cms and everything is working now...

    If i give up from this DD levels menu, i will try with some another css solution.

    Thank you for suggestion.

  8. #8
    Join Date
    Feb 2008
    Posts
    137
    Thanks
    18
    Thanked 2 Times in 2 Posts

    Default

    Fair enough,
    The javascript creates issues even on my other question posted.

    CSS is one of the safest methods, you can do almost anything.
    ASCII stupid question, get a stupid ANSI!
    Beta is Latin for still doesn’t work.
    Mac users swear by their Mac, PC users swear at their PC.
    Keyboard not found...Press any key to continue.

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
  •