need help with drop down menus

[cmillarcat]

I am new to Java scripting and I am making a web page for a Cat breeder and he wants :Girls, Boys, Kittens etc and when you click on eihter Girls, Boys etc all the names will open at once so you can go to whichever you want instead of clicking on window after window. I have not doe this can someone help me get started.

Thank you and I hope this is understandable.

Cindy:confused:

[cg9com]

i believe your talking about a regular select dropdown

<form>
<select onChange="PopUpName=window.open('','PopUpName');PopUpName.location=options[selectedIndex].value;">
<option value="http://www.msn.com/">MSN.com</option>
<option value="http://www.google.com/">google.com</option>
</select>
</form>



try that :) edit it as you need, the page will load automatically after you select an option in a popup window.

every <option> you place inside the <select> tag will give another choice

is that ok? :)

PS: if you need something a little different (IE: page load when you select option and click button) just reply otherwise i hope this helps.

[cmillarcat]

Thanks so much let me try that code and see if it's the one I need if not I will explain further :-)


Cindy

[cmillarcat]

Well you had the right idea but take a look at this link and you will see what I mean, and I can;t right click to see how they did this, this is the page I am redoing for this breeder, he wants a fresh look.

http://www.catteryamericangothic.com/

Thanks

Cindy

[tpeck]

There are a number of scripts at:

http://www.******************/examples/

for example:

http://www.******************/examples/amazing_drop_down.asp

... some of them do something like what you see at the http://www.catteryamericangothic.com/ website

Maybe you can adapt.

Terry

[cg9com]

ooh you meant a GOOD menu ;)
have you tried looking at Dynamic Drive (http://www.dynamicdrive.com)?

[cmillarcat]

Ahhh Yes.........a Fancy Shmancy one....one I never ever have done before :(....also I was wondering how I can get the middle of my screen which has a door to have a hot link..in other words, you click on door that says ENTER and you go to main page...the background is what I made in Photo Impact and there is only the background hard code so far.

I need to know where I put the link to next page so it shows up in middle of door?????


Cindy <sorry being new I have tons of questions>

[cg9com]

just a personal opinion, dont have an alert message come up when you click a page like that site if you want it to look halfway proffesional. those are bad attempts at protecting source code which you cannot do.

anyway as far as your door question, perhaps you could try this

<table align="center" width="100" height="100" background="door.gif"><tr><td align="center" valign="center">
<a href="page.html">Click To Enter!</a>
</td></tr></table>

you will want to resize the table width="100" height="100" to match the size of the picture.

thats off the top of my head im pretty sure it will work.

[cmillarcat]

Thanks cg9 I appreciate this and I will give this a try. As for the Alert that comes up whoever did that page did a good job but the warning takes away from the page and information itself...


Cindy

[cg9com]

you will want to resize the table width="100" height="100" to match the size of the picture.

im stupid, you could just size the picture inside the table with a %

but whatever works

good luck :thumbsup:

hope im not too dumb and i helped a little ...

[cmillarcat]

No way your not too dumb LOLO I may be the dumb one but thanks for your help I need all I can get right about now :D

[cmillarcat]

I was given a great code to put on my page as a Hot link, the only problem is (and I mentioned I'm new:-( is that it is on the top of page and I need it on the door here is the pix:
http://www.angelfire.com/ca4/mystique1/AmericanGothicindex.html

You will see the door has Please come in..and thats where I want the Hot link,Help!!! and thanks so so much!!!!!


Cindy

[cg9com]

ok maybe you can use an imagemap, which im not too good at but try placing this in your .html document.


<html>
<body>
<img src="ShedinFieldz.jpg" usemap="#1" border="0">
<map name="1">
<area shape="rect" alt="click to enter" coords="319,387,346,478" href="enter.htm" title="click to enter">
<area shape="default" nohref>
</map>
</body>
</html>

the section in blue you will want to edit with whatever page you want the user to go when they click the door.

i tried my best at making a map for that picture, see if it works.
if not let me know :)