Javascript onload not firing in IE

Question

0.00/5 (No votes)

See more:

I am creating a website which has two div tags and two radio buttons. The div is to be displayed on the basis of radio button selected. On page load I pass the value of radio button from main page and accordingly I display div. It works well with chrome and firefox but showing problem in IE. I am using IE 11. I have not tried with other versions of IE. My code is as follows:

ASP.NET

<asp:RadioButton ID="mail_stat" Text="Mailwise Statistics" runat="server" GroupName="stat_select" onclick="ch(1)" ClientIDMode="Static" />
   <asp:RadioButton ID="aggegrate_stat" Text="Aggegrate Statistics" runat="server" GroupName="stat_select" onclick="ch(2)" ClientIDMode="Static" />

ASP.NET

<div id="first">
    <table border="0">
        <tr>
            <td>
                         
                <asp:Label ID="lbl_pro_id" runat="server" Text="Promotion Id"></asp:Label> </td>
            <td>
                   
                <asp:TextBox ID="txt_pro_id" runat="server" Width="101px"></asp:TextBox></td>
        </tr>
        <tr>
            <td>
                         
                <asp:Label ID="lbl_sub" runat="server" Text="Subject"></asp:Label></td>
            <td>
                   
                <asp:TextBox ID="txt_sub" runat="server" Width="301px" Height="16px"></asp:TextBox></td>
        </tr>
    </table>
</div>

ASP.NET

<div id="second">
    <table border="0">
        <tr>
            <td>
                        
                <asp:TextBox ID="txtStartDate" runat="server" required="true" placeholder="Start Date"></asp:TextBox></td>
            <td>
                <asp:TextBox ID="txtEndDate" runat="server" required="true" placeholder="End Date"></asp:TextBox></td>
        </tr>
    </table>
</div>

My java script is as follows:

JavaScript

 <%--Javascript for radiobuttion on load--%>              
<script type="text/javascript">
    onload = function () {
        if (mail_stat.checked == true)
        {
            ch(1);
        }
        else if (aggegrate_stat.checked == true)
        {
            ch(2);
        }
    }
</script> 

<%--Javascript for radiobuttion--%>
 <script type="text/javascript">
     $('#first').hide();
     $('#second').hide();
     $('stat2').hide();
     function ch(id) {
         if (id == '1') {
             $('#first').show();
             $('#second').hide();
             $('#stat2').hide();
         }
         else if (id == '2') {
             $('#first').hide();
             $('#second').show();
             $('#stat2').show();
         }
     }
 </script>

Thank you.

Posted 5-Feb-14 0:53am

Ami_Modi

Add a Solution

Comments

Kornfeld Eliyahu Peter 5-Feb-14 6:58am

You already have jQuery, why not use it for the onload part too?

Ami_Modi 5-Feb-14 7:00am

How?

Kornfeld Eliyahu Peter 5-Feb-14 7:03am

http://api.jquery.com/ready/

Ami_Modi 5-Feb-14 7:18am

Can you help me up with my code. I am new at asp.net and don't know how and where to use jquey in code

2 solutions

Solution 1

try..

JavaScript

<script type="text/javascript">
 window.onload= function () {
        if (mail_stat.checked == true)
        {
            ch(1);
        }
        else if (aggegrate_stat.checked == true)
        {
            ch(2);
        }
    }
</script>

OR

XML

<script type="text/javascript">
   function OnLoad () {
        if (mail_stat.checked == true)
        {
            ch(1);
        }
        else if (aggegrate_stat.checked == true)
        {
            ch(2);
        }
    }
</script>

HTML

<body  önload="javascript:OnLoad();">
</body>

Posted 5-Feb-14 1:00am

kedar001

Updated 5-Feb-14 1:19am

v4

Comments

Ami_Modi 5-Feb-14 7:06am

Kedar this is not working with IE.

kedar001 5-Feb-14 7:26am

Check Updated solution...

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Hemant__Sharma · Accepted Answer · 2014-02-05T01:32:00

Solution 2

I think ie wont be able to resolve mail_stat itself like other browsers hence you would need to get the javascript element by

JavaScript

var mail_stat = document.getElementById('mail_stat')

in your onload function prior to

JavaScript

if(mail_stat.checked == true)...

statement. I'm sure onload would be executing but throwing an error while reaching to mail_stat.checked line as mail_stat would be undefined.

Posted 5-Feb-14 1:32am

Hemant__Sharma

Comments

Ami_Modi 5-Feb-14 7:36am

Thanks a lot.. This worked for me..

Hemant__Sharma 5-Feb-14 8:13am

You are welcome :)