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,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    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,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    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,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    All my above replies are now perfect and very apt!

    Last edited by abduraooft; 03-19-2009 at 04: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,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    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
    •