Solved

OnChange Event not fireing in FireFox but works in IE

Posted on 2010-11-19
5
1,027 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:adaco
  • 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:adaco
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:
adaco 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:adaco
ID: 34224649
Found Solution internally
0

Featured Post

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

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.
Today, still in the boom of Apple, PC's and products, nearly 50% of the computer users use Windows as graphical operating systems. If you are among those users who love windows, but are grappling to keep the system's hard drive optimized, then you s…
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 +…

828 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