[completly Resolved] javascript: change Picture OnClick argh.

**JPicasso** · Sep 9th, 2003, 10:41 AM

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...

**CornedBee** · Sep 9th, 2003, 01:20 PM

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>

**JPicasso** · Sep 9th, 2003, 01:29 PM

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?

**JPicasso** · Sep 9th, 2003, 02:14 PM

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.

**RealisticGraphics** · Sep 9th, 2003, 07:55 PM

& is only for comparison in JavaScript. Use a + instead.

**CornedBee** · Sep 10th, 2003, 01:23 AM

And if you want a \ in a string you need to escape it:
"imgs\\myimg.png"

**JPicasso** · Sep 10th, 2003, 07:02 AM

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

Anyways, thanks to both of you.

Thread: [completly Resolved] javascript: change Picture OnClick argh.

Thread Tools

Display

[completly Resolved] javascript: change Picture OnClick argh.

Doh!

Posting Permissions