IE9 Javascript Undefined Variables

Question

I have the following in my code, which has worked fine in IE 7 and 8, but it no longer works in IE 9 (unless the user runs in compatibility mode of course...)

<asp:Label ID="invNumLink" runat="server" Font-Underline="true" ForeColor="Blue" Text='<%# Eval("Order_No") %>' createDate='<%# string.Format(Eval("create_date").ToString(),"MM/dd/yyyy") %>'
                                operatorNo='<%# Eval("operator_no") %>' orderNo='<%# Eval("Order_No") %>' loc='<%# Eval("Location") %>' table='<%# Eval("table_no") %>' recall='<%# Eval("recall_code") %>'
                                orderID='<%# Eval("ID") %>' acrID='<%# Eval("ACR_ID") %>'
                                onclick="goToDetail(this.orderNo,this.createDate, this.operatorNo, this.loc, this.table, this.recall, this.orderID, this.acrID);" style="cursor:pointer" ></asp:Label>

<script type="text/javascript">
    function goToDetail(orderNo, createDate, operatorNo, loc, table, recall, orderID, acrID) {
        var URL = 'OrderDetailView.aspx?orderNo=' + orderNo + '&' + 'createDate=' + createDate + '&' + 'operatorNo=' + operatorNo + '&' + 'loc=' + loc + '&' + 'table=' + 
                                        table + '&' + 'recall=' + recall + '&' + 'id=' + orderID + '&' + 'acrID=' + acrID;
        day = new Date();
        id = day.getTime();
        window.open(URL, id, 'toolbar=1,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=1100,height=700,left = 62,top = 15')
    }
</script>

In IE9 all of the values sent to the "goToDetail" function are undefined. Any ideas on how to fix this?

EDIT

I resolved this by adding the call to javascript from the code behind:

invNumLink.Attributes.Add("onclick", string.Format("goToDetail('{0}','{1}','{2}','{3}','{4}','{5}','{6}','{7}'); return false;", item.GetDataKeyValue("Order_No").ToString(),
                string.Format(item.GetDataKeyValue("Create_Date").ToString(), "MM/dd/yyyy"),item.GetDataKeyValue("Operator_No").ToString(), item.GetDataKeyValue("Location").ToString(), 
                item.GetDataKeyValue("table_no").ToString(), item.GetDataKeyValue("recall_code").ToString(), item.GetDataKeyValue("ID").ToString(),item.GetDataKeyValue("ACR_ID").ToStrin

Thanks,

Aaron

Did you try move the javascript block before your <asp:label> tag? — Russel Yang
– Russel Yang, Commented Jul 11, 2011 at 16:14
That won't help - the problem is that IE9 won't hand over the attribute values for non-standard attributes like the older browsers would. — Pointy
– Pointy, Commented Jul 11, 2011 at 16:17
@Aaron: More like it being totally not cool that it's taken 9 versions for Microsoft to make a browser that even attempts to be standards-compliant. — Marc B
– Marc B, Commented Jul 11, 2011 at 16:26

Community · Accepted Answer · 2017-05-23 11:55:32Z

3

You could use data-attributes, which work like this:

Instead of:

<span operatorNo="value">

You use

<span data-operatorNo="value">

And access it with

this.getAttribute("data-operatorNo")

This works in IE6 and is documented as working in IE7+. Do HTML5 custom data attributes “work” in IE 6?

edited May 23, 2017 at 11:55

CommunityBot

11 silver badge

answered Jul 11, 2011 at 16:25

Fenton

253k74 gold badges404 silver badges414 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Brandon J. Boone · Accepted Answer · 2011-07-11 16:15:09Z

1

I know this is UGLY... but maybe passing in the values directly would solve your issue.

<asp:Label ID="invNumLink" runat="server" Font-Underline="true" ForeColor="Blue" Text='<%# Eval("Order_No") %>' createDate='<%# string.Format(Eval("create_date").ToString(),"MM/dd/yyyy") %>'
                                operatorNo='<%# Eval("operator_no") %>' orderNo='<%# Eval("Order_No") %>' loc='<%# Eval("Location") %>' table='<%# Eval("table_no") %>' recall='<%# Eval("recall_code") %>'
                                orderID='<%# Eval("ID") %>' acrID='<%# Eval("ACR_ID") %>'
                                onclick="goToDetail('<%# Eval("Order_No") %>','<%# string.Format(Eval("create_date").ToString(),"MM/dd/yyyy") %>', '<%# Eval("operator_no") %>', '<%# Eval("Location") %>', '<%# Eval("table_no") %>','<%# Eval("recall_code") %>', '<%# Eval("ID") %>', '<%# Eval("ACR_ID") %>');" style="cursor:pointer" ></asp:Label>

answered Jul 11, 2011 at 16:15

Brandon J. Boone

16.5k4 gold badges78 silver badges103 bronze badges

1 Comment

Aaron Over a year ago

Won't work with the double quotes inside of the Eval statement, which I now remember is why I did it the way I did it before. I think I'm going to have to add a style in the code behind...

jfriend00 · Accepted Answer · 2011-07-11 17:09:03Z

1

For non-standard attributes on an HTML tag, I believe you need to use element.getAttribute("attName") to fetch non-standard attributes defined in the HTML rather than directly access them with element.attName. To stay with standards, you should also prefix custom data attributes with "data-".

answered Jul 11, 2011 at 17:09

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

Collectives™ on Stack Overflow

IE9 Javascript Undefined Variables

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related