Menu size problem

parallon · Jul 28, 2004

Hey there all. I am setting up a contact page with fields for user information. One of the fields is a dropdown field containing US states. Well with 50 states, the menu appears almost from the top of my page to the bottom with a scroll bar. Is there any way to only show like 10 at a time and scroll through the rest?

Thank you,

Parallon

"I used to think that the more that you knew, the farther you would go, then I realized that the more that you know, the more they use you."

-Me

Cheech · Jul 28, 2004

Found this somewhere, you may be able to tweek it to do what you want.

Code:

<html>
<head>
<script type="text/javascript">
function selectMe(value) {
optionSelected = value
document.getElementById("lowerPart").style.visibility = "hidden"
document.getElementById("topPart").innerText = value
alert ("You selected " + value + " from the drop down box")
}
</script>
</head>
<body>
<div id="topPart" style="position:relative; height:20; width:100; border-style:inset;border-width:thin;" onClick="document.getElementById('lowerPart').style.visibility = 'visible'">
-- Select --
</div>

<div id="lowerPart" style="position:relative; border-style:none; overflow:scroll; height:80; width:100; visibility:hidden">
<a href="javascript: selectMe('option1')" style="color:#000000; text-decoration:none;">Option 1</a>
<a href="javascript: selectMe('option2')" style="color:#000000; text-decoration:none">Option 2</a><br>
<a href="javascript: selectMe('option3')" style="color:#000000; text-decoration:none">Option 3</a><br>
<a href="javascript: selectMe('option4')" style="color:#000000; text-decoration:none">Option 4</a><br>
</div>
</body>
</html>

Cheech

[Peace][Pipe]

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Menu size problem

parallon

MIS

Cheech

Technical User

Similar threads

Part and Inventory Search

Sponsor