Rank: ? (4329)
Member #: 5260

I want to use JavaScript with jump menu (drop down menu) with Layer. Whatever item is chosen in the menu, it would display the following details: map, opening hour, contact and address.

Each menu item will show different services and location. Can this be down without using database and perl or php?

(It has to be done in JavaScript because the server doesn't support database or php. And I am not very good at programming.)

I'd like to thank anyone who can help me with suggestions or actual script, in advance.

Rank: ? (4827)
Member #: 3416

if you do it in javascript, you have to send ALL the information right away, but it should be possible.

not really sure what exactly you want to do though

Rank: ? (4329)
Member #: 5260

Sorry misterhaan; I didn't explain it properly.

I am trying to make drop down menu of list of services. Selecting a services will bring up the description of the services and the location, contact, and opening hour. I don't want to use frame, so I display those information within the layer box. And I don't want to open a new window when I select an item from a menu.

Is that clearer?

Rank: ? (4827)
Member #: 3416

i think i'm lost on layer--what is that?

Rank: ? (4329)
Member #: 5260

"Layer" is the name for the HTML tag <DIV></DIV>, which is alternative way to layout a page, instead of using frames and tables. You can position the Layer anyway on the browser's window. It sort of the work the same way layer in Photoshop, where you can add text and image in a Layer tag. This tag can become invisible/visible, put behind or in front of another layer tag.

eg. Layer A can be partly hidden Layer B.

My knowledge in using Layer is pretty basic, because I rarely use it.

Rank: ? (4827)
Member #: 3416

ah, i know about using div tags, but haven't heard it called a layer before.

this is a pretty simple script. just output all of your layers and make sure to give each div tag an id. also set their css to display: hidden. the javascript should use document.getElementById("div_id'".style.display and change the id you want to 'block'. set all the others to 'none' when you do this.

Rank: ? (4329)
Member #: 5260

Thanks, misterhaan.