/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] Linking a single img to multiple onChange events

Hi,

First time here. I have had no luck searching on Google or here regarding this. Any help is appreciated.

I am trying to tie the value of an image src to two onChange events. the events are drop down boxes in a form. I do have a couple of single event driven peices working so I think my logic is sound. I originally tried to do this with multiple if statements that tested both conditions/events. I have since given each event it’s own function. I have no idea what i am doing wrong. the onChange events have no effect on the image display at all. The default image just stays in place. My JS knowledge is limited but it looks correct as far as I can tell. What am I missing.

Here are the functions:

Thank You!

[CODE]
function dropdownimageMidC()
{
if(!document.images)
return
if(document.standard5.Mid_Connector.options==”Mid-no connector”){
if(document.standard5.Mid_Separate.options==”Mid-do not separate”){
document.images.schematicMid.src=”image/std_mid_H.png”;
}
if(document.standard5.Mid_Separate.options==”Mid-separate”){
document.images.schematicMid.src=”image/std_mid_slit_H.png”;
}
}
if(document.standard5.Mid_Connector.options==”Mid-connector”){
if(document.standard5.Mid_Separate.options==”Mid-do not separate”){
document.images.schematicMid.src=”image/std_mid_connector_H.png”;
}
if(document.standard5.Mid_Separate.options==”Mid-separate”){
document.images.schematicMid.src=”image/std_mid_slit_connector_H.png”;
}
}
}
[/CODE]

[CODE]
function dropdownimageMidS()
{
if(!document.images)
return
if(document.standard5.Mid_Separate.options==”Mid-do not separate”){
if(document.standard5.Mid_Connector.options==”Mid-no connector”){
document.images.schematicMid.src=”image/std_mid_H.png”;
}
if(document.standard5.Mid_Connector.options==”Mid-connector”){
document.images.schematicMid.src=”image/std_mid_connector_H.png”;
}
}
if(document.standard5.Mid_Separate.options==”Mid-separate”){
if(document.standard5.Mid_Connector.options==”Mid-no connector”){
document.images.schematicMid.src=”image/std_mid_slit_H.png”;
}
if(document.standard5.Mid_Connector.options==”Mid-connector”){
document.images.schematicMid.src=”image/std_mid_slit_connector_H.png”;
}
}
}

[/CODE]

to post a comment
JavaScript

2 Comments(s)

Copy linkTweet thisAlerts:
@FangMar 16.2010 — Try it like this. If there are more options then a switch statement would be better.function dropdownimageMidC()
{
if(!document.images)
return;
var Connector = document.standard5.Mid_Connector;
var Separate = document.standard5.Mid_Separate;
var schematicMid = document.images.schematicMid;
if(Connector.value=="Mid-no connector"){
if(Separate.value=="Mid-do not separate"){
schematicMid.src="image/std_mid_H.png";
return;
}
if(Separate.value=="Mid-separate"){
schematicMid.src="image/std_mid_slit_H.png";
return;
}
}
if(Connector.value=="Mid-connector"){
if(Separate.value=="Mid-do not separate"){
schematicMid.src="image/std_mid_connector_H.png";
return;
}
if(Separate.value=="Mid-separate"){
schematicMid.src="image/std_mid_slit_connector_H.png";
return;
}
}
}
Copy linkTweet thisAlerts:
@ShutterAceauthorMar 16.2010 — Thank You Fang!

The issue was resolved by changing "options" to "value" in the if conditions. Although your code reads easier. It's always something simple isn't it?
×

Success!

Help @ShutterAce spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.6,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...