JavaScript Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
User Name:
Password:
Remember me
 



Go Back   Dev Articles Community ForumsProgrammingJavaScript Development

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Display Modes
 
Unread Dev Articles Community Forums Sponsor:
  #1  
Old April 17th, 2003, 01:08 AM
wareseeker wareseeker is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Dec 2002
Posts: 71 wareseeker User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 15 m 7 sec
Reputation Power: 16
Question Select Option???

Could somebody help me with this sniplet:
I don't know much about javascript. This is how I wrote, please fix as long as it works

<script language="JavaScript1.2" type="text/javascript">
function showavatar() {
cameraname = document.camera.options[document.camera.selectedIndex].value;
document.images.icons.src = cameraname;
}
</script>
<select name="camera" class="form" onChange="showavatar()">
<option value="no_camera.gif" selected>No Camera</option>
<option value="dsc_f707.gif">DSC F707</option>
<option value="dsc_p5.gif">DSC P5</option>
<option value="dsc_p9.gif">DSC P9</option>
<option value="dsc_p31.gif">DSC P31</option>
<option value="dsc_p51.gif">DSC P51</option>
<option value="dsc_p71.gif">DSC P71</option>
</select>

// this is where image will be shown after selected above.

<IMG SRC="cameraname" WIDTH="60" HEIGHT="60" BORDER="0">

Thanks you very much.

Last edited by wareseeker : April 18th, 2003 at 04:04 PM.

Reply With Quote
  #2  
Old April 18th, 2003, 01:44 AM
stumpy's Avatar
stumpy stumpy is offline
May contain nuts.
Dev Articles Regular (2000 - 2499 posts)
 
Join Date: Aug 2002
Posts: 2,056 stumpy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 5 h 44 m 22 sec
Reputation Power: 0
Looks like you're almost there! You've just forgotten to give your IMG tag a NAME attribute.

<IMG SRC="cameraname" WIDTH="60" HEIGHT="60" BORDER="0" NAME="icons">

That outta do it!

Reply With Quote
  #3  
Old April 18th, 2003, 04:15 PM
wareseeker wareseeker is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Dec 2002
Posts: 71 wareseeker User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 15 m 7 sec
Reputation Power: 16
Thanks!

Thanks Stumpy! But it still doesn't work. I don't know why. Could you please take a look again?

Reply With Quote
  #4  
Old April 19th, 2003, 07:14 AM
stumpy's Avatar
stumpy stumpy is offline
May contain nuts.
Dev Articles Regular (2000 - 2499 posts)
 
Join Date: Aug 2002
Posts: 2,056 stumpy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 5 h 44 m 22 sec
Reputation Power: 0
Hey - note that you need to reference your objects correctly - e.g.
document.frmName.ImgName.src

here's the code

Code:
<html>
<head>
<script language="JavaScript" type="text/javascript">
function showavatar() {
	cameraname = document.frmImg.camera.options[document.frmImg.camera.selectedIndex].value;
	document.frmImg.icons.src = cameraname;

}
</script>
</head>
<body>
<form name="frmImg">
<select name="camera" onChange="showavatar()">
	<option value="no_camera.gif" selected>No Camera</option>
	<option value="dsc_f707.gif">DSC F707</option>
	<option value="dsc_p5.gif">DSC P5</option>
	<option value="dsc_p9.gif">DSC P9</option>
	<option value="dsc_p31.gif">DSC P31</option>
	<option value="dsc_p51.gif">DSC P51</option>
	<option value="dsc_p71.gif">DSC P71</option>
</select><br>
<img src="cameraname.gif" width="60" height="60" border="0" name="icons">
</form>
</body>
</html>

Reply With Quote
  #5  
Old April 20th, 2003, 12:44 AM
wareseeker wareseeker is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Dec 2002
Posts: 71 wareseeker User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 15 m 7 sec
Reputation Power: 16
Thumbs up

Thanks you very much Stumpy! It worked. Appreciated.

Reply With Quote
Reply

Viewing: Dev Articles Community ForumsProgrammingJavaScript Development > Select Option???


Developer Shed Advertisers and Affiliates


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

© 2003-2018 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap