Drop Down Menus

[thekents]

Hi,
Is there a way to have the Drop Down Menu open a NEW window for the choice?

Thanks,
Ed....

[QuietDean]

Hello there.

We can integrate the popup menu generator code with the drop down menu maker with a little JavaScript Knowledge.

First, choose what type of window you want to open using the popup window generator. This will give you a chunk of code to put in the head of your document. Copy this in. Here is an example -

<SCRIPT LANGUAGE="JavaScript">
<!-- Thanks to Nic Wolfe  http://fineline.xs.mw -->

<!-- Begin
function popup(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=1,scrollbars=1,location=1,statusbar=1,menubar=1,resizable=1,width=500,height=400,left = 150,top = 100');");
}
// End -->
</script>

Then all we have to do is change this -

onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;"

to this -

onClick="popup(document.jump.menu.options[document.jump.menu.selectedIndex].value);"

The first part is a function.You pass information to a function ( URL ) and it does something with it, in our case opening a window. So instead of our code changing the window location to the selected option, we are passing that info to the function, which then opens the window.

Hope that helps.

[thekents]

Dean,

How would it look if I use a graphic rather then the "GO" button?
Ed....

[QuietDean]

Change the 'function' section of the code given to you by the drop down menu maker to look like this and it will work fine -

<script>
function jumpMenu(){
badger=document.jump.menu.options[document.jump.menu.selectedIndex].value;
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(badger, '" + id + "', 'toolbar=1,scrollbars=1,location=1,statusbar=1,menubar=1,resizable=1,width=300,height=300,left = 250,top = 150');");
}
</script>

You will not need the other function with this.

[thekents]

Thanks, I'll give it a try. What does the expression "badger" mean?

[QuietDean]

lol.

That part of the function is defining a variable. The name of the variable can be anything, most people would call it newwindow or popup or something, but it can be anything you feel like.Once the name is set you use that name to access the variable later on. If I cannot be bothered thinking of something, it always gets called badger

so its not an important javascript word or anything

[thekents]

As you can tell, I hadn't read over the entire script.