Javascript conversion + a small catch

LanceM

Senior member
Mar 13, 2004
999
0
0
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

Platinum Member
Oct 7, 2005
2,777
3
76
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

Golden Member
Jan 3, 2006
1,996
1
0
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>;

 
sale-70-410-exam    | Exam-200-125-pdf    | we-sale-70-410-exam    | hot-sale-70-410-exam    | Latest-exam-700-603-Dumps    | Dumps-98-363-exams-date    | Certs-200-125-date    | Dumps-300-075-exams-date    | hot-sale-book-C8010-726-book    | Hot-Sale-200-310-Exam    | Exam-Description-200-310-dumps?    | hot-sale-book-200-125-book    | Latest-Updated-300-209-Exam    | Dumps-210-260-exams-date    | Download-200-125-Exam-PDF    | Exam-Description-300-101-dumps    | Certs-300-101-date    | Hot-Sale-300-075-Exam    | Latest-exam-200-125-Dumps    | Exam-Description-200-125-dumps    | Latest-Updated-300-075-Exam    | hot-sale-book-210-260-book    | Dumps-200-901-exams-date    | Certs-200-901-date    | Latest-exam-1Z0-062-Dumps    | Hot-Sale-1Z0-062-Exam    | Certs-CSSLP-date    | 100%-Pass-70-383-Exams    | Latest-JN0-360-real-exam-questions    | 100%-Pass-4A0-100-Real-Exam-Questions    | Dumps-300-135-exams-date    | Passed-200-105-Tech-Exams    | Latest-Updated-200-310-Exam    | Download-300-070-Exam-PDF    | Hot-Sale-JN0-360-Exam    | 100%-Pass-JN0-360-Exams    | 100%-Pass-JN0-360-Real-Exam-Questions    | Dumps-JN0-360-exams-date    | Exam-Description-1Z0-876-dumps    | Latest-exam-1Z0-876-Dumps    | Dumps-HPE0-Y53-exams-date    | 2017-Latest-HPE0-Y53-Exam    | 100%-Pass-HPE0-Y53-Real-Exam-Questions    | Pass-4A0-100-Exam    | Latest-4A0-100-Questions    | Dumps-98-365-exams-date    | 2017-Latest-98-365-Exam    | 100%-Pass-VCS-254-Exams    | 2017-Latest-VCS-273-Exam    | Dumps-200-355-exams-date    | 2017-Latest-300-320-Exam    | Pass-300-101-Exam    | 100%-Pass-300-115-Exams    |
http://www.portvapes.co.uk/    | http://www.portvapes.co.uk/    |