Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    MGS
    MGS is offline
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Dropdown menus with existing buttons

    I'm trying to set up what will efectively be a series of vertical submenus based on pre-existing buttons which each one activated by a mouseOver command.

    Does anyone one know where I can find a good script for that?

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    I don't know anything about your current setup, but http://htmldog.com/articles/suckerfish/dropdowns/ is a good tutorial to build a good drop down menu.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    MGS
    MGS is offline
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Well I created some HTML buttons to form a main menu and now I want to attach mouseover submenus to them.

    Do I just say onMouseOver(attachMenuname)?

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    Well I created some HTML buttons to form a main menu and now I want to attach mouseover submenus to them.
    We can't guess the code at your end . So post your code here or a link would be much better. (Please use [CODE][/CODE] tags to wrap your code while posting here)
    btw, if you are going to display a list of items(say some links), then an unordered/ordered list is the correct semantic element to make such a setup(and the above provided link explains it very well).
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    MGS
    MGS is offline
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Code:
    <body>
    <table width="200" border="1">
      <tr>
        <td><img src="Products.png" width="120" onmouseover="this.src='ProductsMouseOver.png';" onmouseout="this.src='Products.png';" /></td>
      </tr>
      <tr>
        <td><img src="how.png" width="120" onmouseover="this.src='howMouseOver.png';" onmouseout="this.src='how.png';" /></td>
      </tr>
      <tr>
        <td><img src="progress.png" width="120" onMouseOver="this.src='progressMouseOver.png';" onMouseOut="this.src='progress.png';" /></td>
      </tr>
      <tr>
        <td><img src="about.png" width="120" height="37" onmouseover="this.src='aboutMouseOver2.png';" onmouseout="this.src='about2.png';" /></td>
      </tr>
      <tr>
        <td><img src="community.png" width="120" onmouseover="this.src='communityMouseOver.png';" onmouseout="this.src='community.png';" /></td>
      </tr>
    </table>
    </body>

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    All my above replies are now perfect and very apt!

    Last edited by abduraooft; 03-19-2009 at 03:51 PM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    MGS (03-19-2009)

  • #7
    MGS
    MGS is offline
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Start from scratch in other words, thank you.

  • #8
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    Quote Originally Posted by MGS View Post
    Start from scratch in other words, thank you.
    Yes, you are in the right track then . Also try to make your document semantic.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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