Jiasheng

Yes, this works. Thanks!

I guess there is no foolproof way to stop users from going back with the "Back" button despite displaying a note prominently to warn them not to do so.What we need to do is to minimize the loss of data presented on a form when the user returns with the "Back" button. Data are retained correctly for inputs to text boxes, radio buttons and checkboxes. However, the data on selection boxes are not retained. Is there any solution to retrieve this data?Thank you!

Active server pages created by script are presented incorrectly when user uses the "back" button or the "back" link on mouse-activated drop-down list to return to previous screen. How can we de-activate the "back" function so that we can restrict user to use the "Return" button that we've provided on the Web page?If this cannot be done by Javascript, can you suggest an alternative method? Thank you very much!

Yes, it works! Thank you!

<script language="JavaScript"><!--if (navigator.appVersion.substring(0,1) >= 4) { var width = window.innerWidth; if (width > 900) { document.write("<link href='http://www.lomontimt.com/quotes/style1.css' rel='stylesheet' type='text/css'>"); } else { document.write("<link href='http://www.lomontimt.com/quotes/style2.css' rel='stylesheet' type='text/css'>"); }}else { document.write("<link href='http://www.lomontimt.com/quotes/style1.css' rel='stylesheet' type='text/css'>"); }//--></script> I set up the above Javascript to switch between two style sheets. User with screen resolution 1024x768 will be presented with style1.css, and those with smaller resolution will be presented with style2.css. But it seems that the parameter window.innerWidth is not working. Style sheet 2 is presented all the times regardless of the screen resolution. Appreciate very much if anyone could help me!

While the wordings are the same, they have different part number and different designs. That is why it is necessary to present 24 different sets of options that will be presented instantaneously as user changes the selection on Sign Type, Sign Heading and Sign Dimension.I can use Javascript to create the option list based on the selection made on the three drop-down lists when you load the page, but I don't know how to generate the option list dynamically and instantaneously as user changes the selection other than using hidden/show layers. Can you demonstrate how that can be done?Why not use a table to do this and show/hide the rows dependant on the options selected? Can you show me how that can be done?I tried using layers to do so, but the display was not working right. It seems that when you use <DIV id="set1,2,3 ...">, the layer will have no reference to the HTML document.Thank you very much for your help!

No, what you've done will only align <div 1> with the rest of the table. It will not align the other 24 divisions when user changes the selection on the three drop-down lists of Sign Type, Sign Header and Sign Dimension.

Yes, you are right on your guess! "The page is centered and reading your style above, position:absolute that's your problem, the page will move with a higher resolution but your menu wont."The correct link is http://www.lomontimt.com/quotes/form1.htm.

Yes, you can see a working example at http://www.lomont.com/quotes/form1.htmIf you are using screen resolution 1024x768, the data field "Sign Wording" is aligned properly with the other data fields. The Sign Wording data field is offsided if other screen resolution is used.#set1 { position:absolute; top:388px; left:156px; color:#000000; visibility:hidden; }...... and so on.

I set up JavaScript to display multiple layers according to selection made on 3 drop-down lists. The hidden layer shows up accordingly with the corresponding selection made. But there is a problem!I align the layers with style sheet and set its position to absolute with corresponding top and left positions. The HTML document does not occupy the full window screen. It is centered using div align=center. My layers are aligned to the rest of the HTML documents based on screen resolution 1024x768. If users use a different screen resolution, the layers will be shown offsided.I tried to use relative position to position the layers with the rest of the document, but relative alignment creates a lot of blank spaces at the bottom of the layers, especially if you are dealing with 25 layers. The blank spaces seem to "stack up" for relative positioning.I try to use Javascript window.innerWidth to adjust the table width within the layer, but it seems that JavaScript does not work within layers. Is there any solution to this problem? Deeply appreciate any help you can offer! Thank you!