Solved

OnChange Event not fireing in FireFox but works in IE

Posted on 2010-11-19
5
1,030 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

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Do you come here a lot? Are you lazy like me and don't want to go through the "trouble" of having to click your Dock's Safari icon and then having to click your Experts Exchange Favorites bookmark to get here? Well then this article is for you.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
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.
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…

688 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