Javascript conversion + a small catch

[LanceM]

I haven't used js much since the 90s, so please excuse the simple question. That said, I'll even further simplify the example for this topic:

Let's assume that I have a three-column table. In the left column will be an input for degrees F. If a user enters a number and clicks a submit button, it fills in a field in the right column with the temperature converted to C.

The catch is that if the final degrees C is 0 or less, display image1 in the center column. If between 1 and 99, image2. 100 or above, image3.

How would I get that image displayed? Can I do this with relative ease without refreshing the page and losing the form fields?

 

[Skeeedunt]

Yeah, just stick a placeholder image in the center column with a unique id, like

<img******="blank_image.jpg" id="row1_image" />

In the javascript function that converts F->C, just add a line like

document.getElementByID(functionParameterIndicatingRow).src = url("new_image.jpg");

That's the basic idea anyway.

 

[troytime]

Originally posted by: Skeeedunt
Yeah, just stick a placeholder image in the center column with a unique id, like

<img******="blank_image.jpg" id="row1_image" />

In the javascript function that converts F->C, just add a line like

document.getElementByID(functionParameterIndicatingRow).src = url("new_image.jpg");

That's the basic idea anyway.

you could also just leave a blank <div id=whatever></div> and do a document.getElementById("whatever").innerHTML='<img******=yourgraphic.gif>;