Quote:
Originally Posted by tdprout
How do you make the second box static and NOT expand or contract??
Here is the code:
|
What do you mean by "static"?
The select box, buy design, is supposed to expand to display choices available
and contract when a selection is chosen.
What are you trying to accomplish?
My guess is that you want to put the options into a <div> area and turn the scrolling option to auto after defining the size of the display. Just a SWAG.
Possibly something like this?
Code:
<!DOCTYPE HTML>
<html>
<head>
<title> Untitled </title>
<style type="text/css")>
#subcategory {
height:3em; width:25em; /* height could also be 1em */
border:1px solid blue;
cursor:pointer;
overflow:auto;
}
</style>
</head>
<body>
<h2>Sub-Category</h2>
<div id="subcategory" name="subcategory")>
<li onclick="alert('Portfolio')">Portfolio</li>
<li onclick="alert('Pricing')">Pricing</li>
<li onclick="alert('Valuation')">Valuation</li>
<li onclick="alert('Claims')">Claims</li>
<li onclick="alert('Financial Management')">Financial Managementt</li>
<li onclick="alert('Funding')">Funding</li>
<li onclick="alert('Internal Controls')">Internal Controls</li>
<li onclick="alert('Rent/Billling')">Rent/Billling</li>
<li onclick="alert('Central Office')">Central Office</li>
<li onclick="alert('Conferences')">Conferences</li>
<li onclick="alert('Child Care')">Child Care</li>
<li onclick="alert('Concessions')">Concessions</li>
<li onclick="alert('Delegations')">Delegations</li>
<li onclick="alert('Directives Management')">Directives Management</li>
<li onclick="alert('Historic Preservation')">Historic Preservation</li>
<li onclick="alert('Records Management')">Records Management</li>
<li onclick="alert('Reimbursable Services')">Reimbursable Services</li>
<li onclick="alert('Sustainable Design')">Sustainable Design</li>
<li onclick="alert('WorkPlace Programs')">WorkPlace Programs</li>
<li onclick="alert('Customer Account Management')">Customer Account Management</li>
<li onclick="alert('Accessibility')">Accessibility</li>
<li onclick="alert('Art in Architecture')">Art in Architecture</li>
<li onclick="alert('Border Stations')">Border Stations</li>
<li onclick="alert('Building Information Modeling')">Building Information Modeling</li>
<li onclick="alert('Courthouse Program')">Courthouse Program</li>
<li onclick="alert('Design Criteria and Guidelines')">Design Criteria and Guidelines</li>
<li onclick="alert('Design Excellence')">Design Excellence</li>
<li onclick="alert('Facilities Standards')">Facilities Standards</li>
<li onclick="alert('Fire Protection/Life Safety')">Fire Protection/Life Safety</li>
<li onclick="alert('Project Development')">Project Development</li>
<li onclick="alert('Project Management')">Project Management</li>
<li onclick="alert('Repairs and Alterations')">Repairs and Alterations</li>
<li onclick="alert('Security')">Security</li>
<li onclick="alert('Seismic')">Seismic</li>
<li onclick="alert('Urban Design')">Urban Designt</li>
<li id="disposal" onclick="alert('Disposal')">Disposal</li>
<li onclick="alert('Business Planning & Improvement')">Business Planning & Improvement</li>
<li onclick="alert('Communications/Branding')">Communications/Branding</li>
<li onclick="alert('External Relations and Inquiries')">External Relations and Inquiries</li>
<li onclick="alert('Correspondence Management')">Correspondence Management</li>
<li onclick="alert('Information Technology')">Information Technology</li>
<li onclick="alert('Management Controls')">Management Controls</li>
<li onclick="alert('Occupation Safety and Health')">Occupation Safety and Health</li>
<li onclick="alert('Telework')">Telework</li>
<li onclick="alert('Procurement')">Procurement</li>
<li onclick="alert('Procurement Instructional Bulletins')">Procurement Instructional Bulletins</li>
<li onclick="alert('Assignment & Utilization of Space')">Assignment & Utilization of Space</li>
<li onclick="alert('Lease Administration/Lease Policy')">Lease Administration/Lease Policy</li>
<li onclick="alert('Occupancy Services')">Occupancy Services</li>
<li onclick="alert('Site Acquisition')">Site Acquisition</li>
<li onclick="alert('Building Operations, Maintenance and Cleaning')">Building Operations, Maintenance and Cleaning</li>
<li onclick="alert('Emergency Preparedness')">Emergency Preparedness</li>
<li onclick="alert('Energy and Utilities')">Energy and Utilities</li>
<li onclick="alert('Enviroment')">Enviroment</li>
<li onclick="alert('Fire Protection/Life Safety')">Fire Protection/Life Safety</li>
<li onclick="alert('Health')">Healtht</li>
<li onclick="alert('Lease Administration')">Lease Administration</li>
<li onclick="alert('Naming Buildings')">Naming Buildings</li>
<li onclick="alert('Occasional Use of Public Space')">Occasional Use of Public Space</li>
<li onclick="alert('Recycling')">Recycling</li>
<li onclick="alert('Repairs and Alterations')">Repairs and Alterations</li>
<li onclick="alert('Security')">Security</li>
</div>
</body>
</html>