Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

OnChange Event not fireing in FireFox but works in IE

Posted on 2010-11-19
5
Medium Priority
?
1,034 Views
Last Modified: 2013-12-07
I'm trying to change an image on the form whenever a value is selected from the dropdownlist box.  It works fine in Internet Explorer but the event doesn't seem to fire at all in FireFox.  I put the Alert message in the script to see and it never pops up in FireFox but does with IE.
function ChangeEdgeImage(this) {  
        var strColor = source.options.value;
        var strColorx = strColor.replace(/ /g, "_");
        document.getElementById('color_EdgePreview').src = "images/colors/" + strColorx  + ".jpg"; 
        document.getElementById('color_EdgeZoom').href = "images/colors/zoom/" + strColorx  + ".jpg";   
        document.getElementById('color_EdgeZoom').title = "Edge Color : " + strColorx;
        alert("Edge change");
    }

<asp:DropDownList class="product-attr-inside-color" ID="DropDownList1" 
    	runat="server" DataSourceID="dsColors" 
    	DataTextField="Color" DataValueField="Color" onchange="ChangeInsideImage(this);"> 
</asp:DropDownList

Open in new window

0
Comment
Question by:Ada County
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
5 Comments
 
LVL 16

Expert Comment

by:Vikram Singh Saini
ID: 34178952
Seems function names are not matching.

function ChangeEdgeImage(this) // Line 1

onchange="ChangeInsideImage(this);" // Line 12
0
 
LVL 6

Author Comment

by:Ada County
ID: 34186244
I have two functions ChangeInsideImage and ChangeEdgeImage they are exact duplicates but change different images on the screen.  I just copied the wrong field in my first post my bad.  This is the field

<asp:DropDownList class="product-attr-edge-color" 
    ID="DropDownList2" runat="server" DataSourceID="dsColors" 
    DataTextField="Color" DataValueField="Color" onchange="ChangeEdgeImage(this);">
</asp:DropDownList>

Open in new window

0
 
LVL 16

Expert Comment

by:Vikram Singh Saini
ID: 34195509
Make sure if JavaScript is enabled in Firefox or not. This could be the reason for odd behavior of your application.
0
 
LVL 6

Accepted Solution

by:
Ada County earned 0 total points
ID: 34199710
Removed the Source parameter and fully qualified the field on the form in the script.
function ChangeEdgeImage() {  
        var strColor = document.form1.DropDownList2.value;
        var strColorx = strColor.replace(/ /g, "_");
        document.getElementById('color_EdgePreview').src = "images/colors/" + strColorx  + ".jpg"; 
        document.getElementById('color_EdgeZoom').href = "images/colors/zoom/" + strColorx  + ".jpg";   
        document.getElementById('color_EdgeZoom').title = "Edge Color : " + strColorx;
        alert("Edge change");
    }

<asp:DropDownList class="product-attr-edge-color" 
    ID="DropDownList2" runat="server" DataSourceID="dsColors" 
    DataTextField="Color" DataValueField="Color" onchange="ChangeEdgeImage();">
</asp:DropDownList>

Open in new window

0
 
LVL 6

Author Closing Comment

by:Ada County
ID: 34224649
Found Solution internally
0

Featured Post

Ask an Anonymous Question!

Don't feel intimidated by what you don't know. Ask your question anonymously. It's easy! Learn more and upgrade.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Bada platform is becoming more and more famous this days and people talking about same. Some friends included those who have bada OS mobile asked me "what is bada?"and "what its features?". That encouraged me to research and write this article. [st…
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
This Micro Tutorial will demonstrate how to add subdomains to your content reports. This can be very importing in having a site with multiple subdomains.
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…

604 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question