scriptygoddess

11 Dec, 2003

Javascript: Pull-down menus with pop-up links

Posted by: Jennifer In: Script snippet

  • Original Script: The JavaScript Source
  • Corrections: The original was incorrectly pasted on the source page, so it failed to execute properly. I fixed that problem and also added an option for background and text colors on the pull-down menu. Scrollbars and toolbars were added to the pop-up links.
  • Instructions: Change the bold code to meet your site's needs.
  • Customizations: Go for it! The menu font size is set at 10pt by default, but I use 9pt on BB. The background color is white and text is black, but delete the options or change to meet your needs.

    Place somewhere in the HEAD tags:

    <script language="JavaScript">
    function formHandler(form) {
    var windowprops = "toolbar=yes,location=yes,status=yes,menubar=yes,
    scrollbars=yes,resizable=yes,width=500,height=500";
    var URL = form.site.options[form.site.selectedIndex].value;
    popup = window.open(URL,"MenuPopup",windowprops);
    }
    </script>

    Place in menu location:

    <form name=form>
    <select name="site" size="1" onChange="formHandler(this.form)" style="background-color: FFFFF; color: 00000; font-size:10pt;">
    <option selected>YOUR MENU DESCRIPTION</option>
    <option value="YOUR LINK">YOUR LINK DESCRIPTION</option>
    </select>
    </form>

    Related posts:

    1. Advertising Advertising is currently available in the top (middle) sidebar. 4...
    2. Anchor Links in WordPress Posts – another shortcode solution I was recently asked by a client how they could...

    Related posts brought to you by Yet Another Related Posts Plugin.

    • 1 Response to "Javascript: Pull-down menus with pop-up links"

    1 | Heather Suzanne Cash

    January 17th, 2004 at 12:00 am

    Avatar

    Hi… I am confused because my client says that this popup window doesn't come up on one of her computers, and on the other one, it comes up, but nothing is inside of it. On my computer, it works fine (windowsxp, ie6.0)
    Can you tell me if it works okay with you? If the popup window comes up on the first page, and if there is anything in it?
    Thanks so much,
    and, if you view this post, please reply!!!!!!

    The site is: http://jackkapanka.com

    Heather

    Categories

    Archives

    Featured Sponsors

    WooThemes - WordPress themes for everyone

    Usenet access

    Advertise Here

    Search


    • BJ: @ post 26 to Jennifer. This is so sexy! Girls that know their business... I've been searching for this for 2, almost 3 days and it can be so ea
    • Jennifer: LOL! Thanks Rob. :D
    • rob aubrey: I was there and Jennifer was awesome. I am not a developer but know enough about WordPress to know she really knows. I don't plug people easily,

    About


    Advertisements

    Copyright © 2010 scriptygoddess is proudly powered by WordPress

    Fervens - C Theme is created by: Design Disease brought to you by Smashing Magazine