The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Jump Menu & Pop-Up Windows – Multiple issues

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #194423
    Black Mamba


    I’m trying to set up a jump menu that when you select an item from the list a new window pops up.

    Issues so far:

    • Links are not working. I don’t know much about javascript (self-taught) so must be making a very n00b mistake somewhere. I just can’t find it by myself.
    • How do I apply the javascript to have the windows pop up to the menu items? I’d know how to do it the links were not part of the jump menu, but not with the menu.

    • How do I style the menu? Font family, size and so on… This should be pretty simple and I’ve been trying with CSS but it’s not working!


    Black Mamba

    The reason was that, that was the “look and feel” I wanted.

    But you’re right.
    A simple dropdown ul li menu probably my best option.

    I just found and that’s what’s being used there.

    Now the issue is going to be styling it. I could go for something similar but I’m not sure I get how they’re doing it. It doesn’t look to be pure CSS.

    Black Mamba

    OK, I agree that using ul li is the way to go.

    Issues so far:

    • I need to click the text in order to open the pop up window. Clicking the blank space after the text (everything highlighted in blue) should also trigger the link.

    • When I click a link and the new window pops up, the menu stays open. It should close automatically.

    Black Mamba


    Thanks. Looks great.

    The only issue now is that adding a 2nd menu it doesn’t allow me to control them separately.

    Styling is also an issue.
    I’ve been looking at css and can not replicate that style. Not even close!

    Black Mamba

    Oh, ok.
    I was trying something like:

    $(".menu, .menu2").click(function(){

    Initially I had this:

    OS X (Safari)

    Win (Firefox)

    I’d like at least to be able to change font-family and font-size. Obviously the more flexibility the better, but overall I’d be happy with that.

    herzogdemeuron looks like this:

    OS X (Safari)

    Win (Firefox)

    Our code so far:

    Any OS/browser

    Pretty different… :(

    Edit: I’ve seen that in Chrome it actually looks pretty similar. What’s the issue the other browsers?

    Black Mamba

    Right, but herzogdemeuron’s page in Safari is not using the default styling.

    The default would be this:

    Not this:


    This is pretty much what I was looking for:

    Should I go back to <select> and <option> ?

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.