[completly Resolved] javascript: change Picture OnClick argh.

Printable View

Sep 9th, 2003, 10:41 AM
JPicasso

[completly Resolved] javascript: change Picture OnClick argh.
Okay. Why the heck won't this work for me.

It works somewhat, but not 100%.

What I want is an image to change based on a drop-down value.
However, I'd be happy to just get it working for some hard-coded pictures.

Here's what I got as a test page, I plan on populating the drop down from a database later.
If you can supply some hints for using the value of the drop down, I'd appreciate that also.
(this will be an ASP page)
VB Code:
```
<script language="JavaScript">
function DoPic()
{
  document.PutPicHere.src="Charts\0.jpg";
}
</script>
 
<html>
<body>
 
Hello, why don't your web page work? loser.
<table>
<tr>
  <td><font face="arial">Choose One
 
    <select name="MyPix" size=1 onClick="DoPic()">
      <option value="0" selected>Choice Won</option>
      <option value="1" >Choice Too</option>
    </select>
  </td>
  <td>
     <img name="PutPicHere" src="Charts\1.jpg">
  </td>
</tr>
</table>
 
</body>
</html>
```
It gets as far as replacing my current 1.jpg with a nice red 'X',
so it's at least getting that far....

Yes, there is a dir called Charts,
Yes, there is a pic called 0.jpg in that dir.
I'm running on Personal web server, but that shouldn't matter.
I think I"m following examples I've seen for other questions...
Sep 9th, 2003, 01:20 PM
CornedBee

Beside your HTML being completly outdated (<font> *shudder*), here's a nice way.

Code:

<script language="JavaScript"> function DoPic(s) { var val = s.options[s.selectedIndex].value; document.PutPicHere.src=val; } </script> <html> <body> Hello, why don't your web page work? loser. <table> <tr> <td><font face="arial">Choose One <select name="MyPix" size=1 onchange="DoPic(this)"> <option value="somepix.png" selected>Choice Won</option> <option value="otherpix.png" >Choice Too</option> </select> </td> <td> <img name="PutPicHere" src="Charts\1.jpg"> </td> </tr> </table> </body> </html>
Sep 9th, 2003, 01:29 PM
JPicasso

thanks dude.

Ya. my html is cut-and paste from my boss's old pages.

I generally just write apps for VB for stand-alone programs,
However, a project came up and I decided it would be best if I tried to keep my job. :)

font? outdated? how else will mosaic know what characters to use?
Sep 9th, 2003, 02:14 PM
JPicasso

Doh!
I want to add a string contsant "Charts\" to the path in the function?

like :
VB Code:
```
var val = 'Charts\' & s.options[s.selectedIndex].value;
 
OR
 
  document.PutPicHere.src='Charts\' & val;
```
I need to just have the drop down take the name of the file, but the
file is actually one directory in on the server.

Unterminated string constant?

I'm so clueless.
:mad:
Sep 9th, 2003, 07:55 PM
RealisticGraphics

& is only for comparison in JavaScript. Use a + instead.
Sep 10th, 2003, 01:23 AM
CornedBee

And if you want a \ in a string you need to escape it:
"imgs\\myimg.png"
Sep 10th, 2003, 07:02 AM
JPicasso

I should have just been a doctor instead of this funky program stuff.

Anyways, thanks to both of you.