HTML - Slow Loading , Large Drop Down List - How To Speed It Up??

I've created a drop down list with 4000 options on it which I did from an example I found on line. This is fine - loads quite quickly! I then had to add another 9 fields with the same 4000 options on and now the page doesn't load as quicky as I'd like.

I was wondering if there was a way of defining the list of 4000 options once and then asking the ten drop down lists to reference it?

I have 3 radio buttons in my web page and nothing else initially. Say A,B and C. If i choose Radio button A, i should get a drop down menu in the same page. After that if i choose radio button B, the drop down menu corresponding to Radio button A should disappear and drop down corresponding to B should appear. Similarily for radio button C also. All these should happen on the same page.
Is this possible with HTML or should i go for some other scripts like java scripts, or JSP etc

can anyone help me out with this?

I recently posted this in the middle of someone else's thread, which wasn't the best thing to do, so here it is again in its own thread.

On my web site I have a drop-down menu with a "Go" button beside it. when JavaScript is enabled in Firefox and IE7, selecting an option from the list automatically takes you to that location without touching the Go button.

However, when JavaScript is disabled, the drop-down's automatic redirection is also disabled. So you need a "Go" button next to the drop-down bar. This works in Firefox, but it doesn't work in IE7, and I don't know why.

Any help would be gratefully received.

You can see the drop-down working at: http://www.historyfiles.co.uk/MainFeaturesIndex.htm

Here's the script:
<table border="0" cellpadding="0" cellspacing="0">
<form method="get" action="" tabindex="3" target="_top">
<tbody>
<tr>
<td height="16">
<select name="link" class="xbar" onchange="if (this.options[selectedIndex].value != '') location.href=this.options[selectedIndex].value">

<option value="#">
Choose a topic
</option>

<option value="MainFeaturesIndex.htm">
British Isles
</option>

</select>&nbsp;<input value="Go" src="images/nav-gobutton.jpg" border="0" value="Go" alt="Go" type="image" class="xGo" tabindex="4" onclick="if (this.options[selectedIndex].value != '') location.href=this.options[selectedIndex].value" width="22" height="16">
</td>
</tr>
</tbody></form>
</table>

I have an issue where a drop down list is displaying diffrent amounts of options on 2 machines.

The 2 machines are simillar if not the same. Both using internet explore 6 and windows xp.

As an example if you go to the website http://au.asus.com/index.aspx and look at the select country /area drop down box in the top left hand corner computer 1 will display all the options down to romania where computer 2 only shows all the options down to germany.

Are there any settings in internet explore or windows XP which could be diffrent between the 2 machines which would cause the number of options shown in a drop down list to differ.

Any help would be much appreciated.

Hi all!

I need some help with my site.

In firefox, the Select Category dropdown under filters (on the left) expands to display the full text of the options. In IE, it doesn't do that - the options are cut off. How do I force that to happen in IE?
site is at:
www.v_an_darn_.com (remove _ )

Thanks!

i want to create a drop down list that lists my favorite films but use my own image instead of a go button show me how to do this and i would also like to add colors to the list so it isn't just black & white and have it automatically sort alphabetically if possible.

How can I drop down a select list with onmouseover instead of clicking it.
Select list cannot be clicked in javascript to emulate that.
eg: onmouseover="(this.click())"

Also setting the 'size of select list' = 'its length' in javascript does not accurately emulate the click event because the adjacent layout changes.
I tried using z-index and position attribute but doesn't help.

Is it possible to choose an image from a drop down menu which would change an image on the page?
for example using mouseover you can make thumbnail images or hyperlinks when hovered over, change an image on the page to the image that the link or thumbnail represents.
can the same be done with a drop down list when an image number is chosen from a list can a centre image be linked with the choice chosen?

Hi All,

first post in the forum.
I would like to know if it is possible to create a drop down list from which the user could select a value but could also decide to enter a new one ?

What I want is to offer the user to select an existing company name or enter a new one, but I would like to have only one field to do it instead of two.

Is this possible

Thanks for helping.

ALex

Hi, I'm new to programming here. How do I enable a checkbox to work with a drop down list? For example, If the value inside the drop down list will only be registered or activated when i check the checkbox. I want to send an order via email to my server and I want the dropdownlist with the checkbox not checked to not display anything.

How do i do that? Thanks!

Hi All,

Kindly help me in striking out a single value in drop down list options.
I have 3 options - Hello,HI ,BYE. I want to strike out "Hi"when the list is shown, I was able to put color for single option but I could not stike it out.

<html>
<head>
<style type="text/css">
.test
{
background: #708090;
color: #DC143C;
/*text-decoration: line-through;*/
}
</style>
</head>
<body>
<form>
Select One:
<select id="myList" >
<option>Hello</option>
<option disabled="disabled">---------</option>
<option class="test">Hi</option>
<option disabled="disabled">---------</option>
<option>Bye</option>
</select>
</form>
</body>

</html>

So, I'm looking to make a drop down style menu that can be seen on all (or at least the vast vast majority) browsers/universal. Basically, I don't want anything too flashy, but I just have no idea to do any sort of dropdown list aside from the basic html menu and input type of thing.

To give an example of something I'm trying to do, I made a simple picture. I'm not looking to make it with flash or anything fancy; as I said, it's really basic and I just want it to be text.




Any help or links would be appreciated!

The tutorial on how to make a search form with multiple search options was excellent!

http://www.mediacollege.com/internet...ti-search.html

However, is it possible to use radio buttons instead of a drop-down list? Can someone be kind enough to show me the code for it?

Million thanks.

So I'd like to have a 160*600 box with hyperlinks displaying only a headlines I select. I would like the bottom of the box to have arrows for navigating between sections of links that fit in the box with a place to enter a page number in between them. I would like it to begin with displaying the most recently posted links starting on the last page number with that being the first page it displays.

I want the bottom of the box to include below the browsing chronological browsing feature an arrow facing left with the word "search" that would open a box with a place to type in text for it to search link headlines. At the bottom of the search box I would like an arrow facing down with the words "search by label". Yes, I would like to not only select a headline for each link but also categorically label them.

If I could also select images for it to automatically fill the empty space with when a new page number is started that would be great, even better if it selects ones that fill the most depending on how long the headlines are. If it repeated headlines in extra page space instead of showing images that would be cool too.

I'd also like it to automatically expand in height past 160*600 to make a new page number just for a headline that doesn't fit in 160*600.

I need this in HTML.

My blog is episin.blogspot.com

Hi,

I want to load a window with loading image on a button click. The new window is having an other content so before loading the actual content i want to disapear the loading image from the new window.

I tried with html like

<html>
<img src=".." />
---------------------
Actual content " display:none "
-----------------------
<script>
actual contentid.display:block;
img.display:none;
</script>
</html>

But in this method am seing the image after some time lanching the window.

i want to c the image right after launcing the window till my actual content loads.

can anybody suggest something for this,.....