Jump to content

Table-Row Rendering in Internet Explorer


Guest jacobpb

Recommended Posts

Guest jacobpb

I have a printing website that utilized dropdown menus to display different paper selections and prices. These prices change dynamically according to another dropdown menu for print quality. So for example when someone has selected 1440dpi for the print quality and Glossy Photo Paper for the paper type and then they change to 2880dpi the paper type dropdown menu will change from the list of 1440dpi prices to the 2880dpi prices. It does this by saying that if print_quality == Low Quality it will display the low quality menu as a table-row and the others as none. This works perfectly in every single browser except for IE for PC. Any ideas how to work around this? The code below shows my method as described above:

<select name="print_quality" style="width: 390px;" onchange="		  if(document.form1.print_quality.value == 'Low Quality (720dpi)') { 				  document.getElementById('low_quality').style.display = 'table-row';				document.getElementById('high_quality').style.display = 'none';				document.getElementById('regular_quality').style.display = 'none'; 				document.form1.regular_paper.value = 'NULL'; 				document.getElementById('proof_print_paper').style.display = 'none';				document.form1.proof_print_paper.value = 'NULL'; return; }		  if(document.form1.print_quality.value == 'High Quality (2880dpi)') { 				  document.getElementById('low_quality').style.display = 'none';				document.getElementById('high_quality').style.display = 'table-row';				document.getElementById('regular_quality').style.display = 'none'; 				document.form1.regular_paper.value = 'NULL'; 				document.getElementById('proof_print_paper').style.display = 'none';				document.form1.proof_print_paper.value = 'NULL'; return; }		  if(document.form1.print_quality.value == 'Regular Quality (1440dpi)') { 				  document.getElementById('low_quality').style.display = 'none';				document.getElementById('regular_quality').style.display = 'table-row';				document.getElementById('high_quality').style.display = 'none'; 				document.form1.high_paper.value = 'NULL';				document.getElementById('proof_print_paper').style.display = 'none'; 				document.form1.proof_print_paper.value = 'NULL'; return; }">			<option value="Low Quality (720dpi)">Low Quality (720dpi)</option>			<option selected value="Regular Quality (1440dpi)">Regular Quality (1440dpi)</option>			<option value="High Quality (2880dpi)">High Quality (2880dpi)</option>		  </select>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...