asp:Dropdownlist onChange event not firing in IE but is in Mozilla
3

Question

asp:Dropdownlist onChange event not firing in IE but is in Mozilla

jelrod63 (Programmer)

(OP)

20 Feb 07 17:56

I have an inline popup that has an asp:Dropdownlist that is NOT firing during the onChange event in IE but IS firing in Mozilla. Below is the my code. Any help would be greatly appreciated.

Code from my aspx page
[code]
<body>
<form id="upSellForm" runat="server">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<asp:DropDownList id="upsellDescriptionDropdown" runat="server" onChange="javascript:showMe(this);">
</asp:DropDownList>
</td>
</tr>
</table>
</form>

<script type="text/javascript">
function showMe(a)
{
alert("Here I am");
}
</script>
</body>
[code]

adamroof (Programmer) · Answer 1 · 2007-02-20 18:02:02

can u try just onchange="showMe(this);"

use all lower for the onchange

case sensitivity for IE, and no need to append the javascript: i think.

jelrod63 (Programmer) · Answer 2 · 2007-02-20 18:11:32

Thanks for the reply adamroof. I made the changes that you suggested but unfortunately it's still not working in IE. I'm getting the following error from IE: "Object expected"

ca8msm (Programmer) · Answer 3 · 2007-02-20 18:18:46

Have a look at what the rendered HTML is for that page as this will show what the problem is.

____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

adamroof (Programmer) · Answer 4 · 2007-02-20 18:28:54

howabout this...

move your javascript to the head tag

CODE

<head>
<script type="text/javascript">
function showMe(a)
{
alert("Here I am");
}
</script>
</head>
<body>
<form id="upSellForm" runat="server">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<asp:DropDownList id="upsellDescriptionDropdown" runat="server" onChange="javascript:showMe(this);">
</asp:DropDownList>
</td>
</tr>
</table>
</form>
</body>

jelrod63 (Programmer) · Answer 5 · 2007-02-20 18:51:31

Thanks again for replying adamroof I tried what you said by putting the javascript in the head tag but I'm still getting the same error in IE.

jelrod63 (Programmer) · Answer 6 · 2007-02-20 18:55:07

To ca8msm:

Thanks for your reply ca8msm but when I try to view the rendered HTML from the inline popup I cannot do so to see what the problem is with my page. Any clue on how I can view source from an inline popup page?

ca8msm (Programmer) · Answer 7 · 2007-02-21 03:20:19

Right click the page and use the view source option

____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

adamroof (Programmer) · Answer 8 · 2007-02-21 11:26:07

This works for me in IE6 and IE7

http://www.energf.com/testingfile.aspx

Does it work for you?

CODE

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="testingfile.aspx.cs" Inherits="testingfile" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Testing Page</title>

    <script type="text/javascript">
        function showMe(a)
        {
            alert("Here I am");
        }
    </script>

</head>
<body>
    <form id="upSellForm" runat="server">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td>
                    <asp:DropDownList ID="upsellDescriptionDropdown" runat="server" onchange="showMe(this);">
                        <asp:ListItem Value="Select Me First"></asp:ListItem>
                        <asp:ListItem Value="Select Me Second"></asp:ListItem>
                        <asp:ListItem Value="Select Me Third"></asp:ListItem>
                        <asp:ListItem Value="Select Me Fourth"></asp:ListItem>
                    </asp:DropDownList>
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

tperri (Programmer) · Answer 9 · 2007-02-21 12:53:56

hi guys,

jelrod63 is a co-worker of mine, so I'm familiar with his issue. The problem is that his code works fine on a regular aspx page, but when he opens the page that holds this code using some inline javascript (an aspx as a pop up), the event doesnt fire.

I also think he isn't getting the right click option to view source, either.

thanks for your help so far !
T

jelrod63 (Programmer) · Answer 10 · 2007-02-21 13:27:40

adamroof

Thanks again for replying I really do appreciate it very much.  I'm still getting the same error in IE: "Object expected" but when I changed the following the onchange event is being fired (Notice the part onchange="alert('Here I am')">):

                        <asp:DropDownList ID="upsellDescriptionDropdown" runat="server" onchange="alert('Here I am')">
                            <asp:ListItem Value="Select Me First"></asp:ListItem>
                            <asp:ListItem Value="Select Me Second"></asp:ListItem>
                            <asp:ListItem Value="Select Me Third"></asp:ListItem>
                            <asp:ListItem Value="Select Me Fourth"></asp:ListItem>
                        </asp:DropDownList>

That does me no good though because I need to be able to Javascript functions.  Could it not be working because my code is in an inline popup and that is the reason it is not finding the object?  I have to use an inline popup for this part of my project though.  Now I'm really at a loss.

adamroof (Programmer) · Answer 11 · 2007-02-21 13:27:47

can u post the inline popup function that opens this page?

jelrod63 (Programmer) · Answer 12 · 2007-02-21 13:46:14

adamroof

here is the inline popup function you requested

var inlineObj = function(width, height, path, file, params, obj)
{
    showAllSelects();
    showFlash();

    divWidth = width;
    divHeight = height;
    if (path != '')
        url = "/" + path + "/_popups/" + file + "?" + params;
    else
        url = "/_popups/" + file + "?" + params;

    getRequest(obj);
}

Below is a portion of my actual code from my summary.aspx.cs page which is calling the upsells.aspx page through the inline popup (***NOTE: 'upsells.aspx' is the page where the asp:DropDownList is located. The summary.aspx page is located in a folder called packages and the upsells.aspx page is located in a folder within packages in a folder called _popups)

                StringWriter sw2 = new StringWriter();
                HtmlTextWriter tw2 = new HtmlTextWriter(sw2);
                    tw2.Write("<td valign=\"top\" width=\"110\" align=\"right\">");
                    tw2.Write("<img src=\"/images/layout/arrow_orange.gif\"> ");
                    tw2.Write(" <a href=\"javascript:;\" onclick=\"javascript:inlineObj(330, 250, 'packages', 'upsells.aspx', 'showID=");
                    tw2.Write(node.SelectSingleNode("showID").InnerText);
                    tw2.Write("','showUpsellDetails");
                    tw2.Write(node.SelectSingleNode("showID").InnerText);
                    tw2.Write("');\"  class=\"addTrip\">");
                    tw2.Write("add to my trip</a>  </td>");
                    tw2.Write("</tr>");
                    tw2.Write("<tr>");
                    tw2.Write("<td valign=\"top\" colspan=\"2\" width=\"525\">");

adamroof (Programmer) · Answer 13 · 2007-02-21 15:44:20

recap:
so the page pops up okay, and it opens the aspx file, in which the onchange event doenst work unless you place the actual alert inside the event. hmmmm

i bet theres an error, but its just not showin in IE, and mozilla handles it properly, but IE is not. Is it a plain jane page like our examples? any other js getting in the way? maybe write out the js that opened the popup and see if theres any extra spaces or something.

http://www.energf.com/testingfile.aspx

updated to open a popup, the alert still happens, but the popup is not allowing another popup.

You can right click in the pop up and select View Source, but my example wont get you much.

changed

CODE

ca8msm (Programmer) · Answer 14 · 2007-02-21 15:51:03

As adamroof has shown, there's nothing fundamentally wrong with the approach, it's the implementation that is the problem. We'll probably only find out the problem by being able to see what the browser sees.

____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

Come Join Us!

Posting Guidelines

Jobs

asp:Dropdownlist onChange event not firing in IE but is in Mozilla
3