Hiding A Middle Field (go from A to C)

[Ilan]

Hi everyone!

I have a converter that I'm working on here: http://www.payitforwardfriends.com/converter.html

When a user selects a product its density is put into the field. This density is then used to make calculations to convert from cups to grams etc.

How do I get rid of the density field? I don't want people to be able to type in their own density or see that field at all.

Thanks so much!

[Old Pedant]

So why even have the field? Or the units <select>???

Or is it that you want people to be able to use those fields but only if they do *NOT* make a selection from "Substance"???

[Ilan]

Hi Old Pedant,

I took a code and have been making lots of changes to it to suit my needs. I can't figure out to get rid of this part.

Thanks!

[Old Pedant]

So just remove those fields from the page.

[Ilan]

I've tried that. The problem is that the code uses the value in the field to do the calculations. If I remove the field, then nothing shows up.

[Old Pedant]

Ehh...but you clearly would then be even more lost on how to change the JavaScript code to account for them being missing, right?

Okay...so just change all this:

	<td align="center">
		<INPUT id="density" type="text" value="1" size="12" onFocus="resetdensityForm();"><br>
		<select id="densunit" onchange="checkcopydensity()">
			<option value="240">grams/cup</option>
			<option selected value="1">g/cm³</option>
			<option value="1">g/ml</option>
			<option value="1">kg/L</option>
			<option value="1000">kg/m³</option>
			<option value="160.358605679368">oz/gal [UK]</option>
			<option value="133.526471232309">oz/gal [US]</option>
			<option value="62.4279605761446">lb/ft³</option>
			<option value="0.0361272920000837">lb/in³</option>
		</select >
	</td>

To thie:

	<td align="center">
		<input id="density" type="hidden" value="1" />
		<input id="densunit" type="hidden" value="1" />
	</td>

That's the simplest possible change.

[Old Pedant]

Actually, I guess the simplest possible change is this:

	<td style="display: none;" align="center">
		<INPUT id="density" type="text" value="1" size="12" onFocus="resetdensityForm();"><br>
		<select id="densunit" onchange="checkcopydensity()">
			<option value="240">grams/cup</option>
			<option selected value="1">g/cm³</option>
			<option value="1">g/ml</option>
			<option value="1">kg/L</option>
			<option value="1000">kg/m³</option>
			<option value="160.358605679368">oz/gal [UK]</option>
			<option value="133.526471232309">oz/gal [US]</option>
			<option value="62.4279605761446">lb/ft³</option>
			<option value="0.0361272920000837">lb/in³</option>
		</select >
	</td>

Just add the code in red there.

[Ilan]

That works great. Thanks!