Enable timer control when iframe finishes loading external website

Question

0.00/5 (No votes)

See more:

In asp.net with C#, I am loading an external website into an iframe on button click using the following code:
protected void GridView2_RowCommand(object sender, GridViewCommandEventArgs e)

C#

taskpage.Attributes["src"] = "somedynamicurlfromdatabase"; 
taskpage.Visible = true;

I want an Asp.net timer control to be enabled when the website loading in iframe completes.
Note:the button, iframe and timer are in update panel. i am using Visual Web Developer 2010 Express

What I have tried:

i have tried to call the iframe and checked through its properties but could not find any solution.

Posted 4-Mar-17 4:16am

Member 8057273

Updated 4-Mar-17 16:52pm

Add a Solution

3 solutions

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)

Bryian Tan · Answer 1 · 2017-03-04T06:36:00

Solution 2

Here are some resources that might help.

How to control asp.net timer using JavaScript
Andrew Frederick - Controlling the ASP.NET Timer Control with JavaScript[^]

Start /Stop ASP.NET Timer Control using JavaScript[^]

Check if iframe loaded before calling the script to enabled asp.net timer
javascript - How to check if iframe is loaded or it has a content? - Stack Overflow[^]

Detect iframe loaded - JavaScript - Tumult Forums[^]

I Googled that for you.
LMGTFY - enable asp.net timer with javascript[^]

LMGTFY - check if iframe is loaded[^]

Posted 4-Mar-17 6:36am

Bryian Tan

Comments

Member 8057273 4-Mar-17 12:59pm

<script>
    $(function(){
        $('#taskpage').ready(function(){
            var timer = $find('<%= Timer1.ClientID %>');
            //starts the timer:
            timer._startTimer();  
        });
    }
  
</script>



<iframe id="taskpage" width="90%" style="overflow:scroll;width:100%;height:800px;" runat="server" ></iframe>


 <asp:Timer ID="Timer1" runat="server" Enabled="False" Interval="10" 
        ontick="Timer1_Tick">
    </asp:Timer>


protected void Timer1_Tick(object sender, EventArgs e)
    {
        Response.Write("Running");
    }


This is my complete code, but nothing worked

Graeme_Grant 4-Mar-17 19:34pm

Nice list Bryian. I am amazed at how well my 75+-year-old parents can use it day to day... :)

Bryian Tan 4-Mar-17 22:22pm

Thanks :)

Bryian Tan · Answer 2 · 2017-03-04T16:52:00

Here is an example.

1. Wrap the timer in the updatepanel
2. Don't disable the timer at element level

ASP.NET

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:Timer ID="Timer1" runat="server" OnTick="Timer1_Tick" Enabled="true" Interval="10"></asp:Timer>
            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
        </ContentTemplate>
    </asp:UpdatePanel>

    <iframe id="taskpage" src="http://www.c-sharpcorner.com/blogs/start-stop-asp-net-timer-control-using-javascript1" >
        <p>Your browser does not support iframes.</p>
    </iframe>

3. on page load, stop the timer
4. Once the iframe is loaded, start the timer. You need to test out the code to detect if iframe loaded completely for cross browser compatibility

JavaScript

<script>
        $(document).ready(function () {
            //stop the time
            var timer = $find('<%= Timer1.ClientID %>');
            timer._stopTimer();
        });

        $('#taskpage').on('load', function () {
            var timer = $find('<%= Timer1.ClientID %>');
           //starts the timer:
            timer._startTimer();
        });
    </script>

Update the label every time the timer tick

C#

protected void Timer1_Tick(object sender, EventArgs e)
        {
            Label1.Text = DateTime.Now.ToString("yyyy/MM/dd/ HH:mm:ss");
        }

Graeme_Grant · Answer 3 · 2017-03-04T04:24:00

Solution 1

IFrame onload event | The ASP.NET Forums[^]

Posted 4-Mar-17 4:24am

Graeme_Grant

Comments

Member 8057273 4-Mar-17 11:53am

This link shows a javascript function. What i need is to enable the asp timer when iframe loading finishes. On timer tick, i will further execute some code but timer should start when iframe loading gets finished.

Graeme_Grant 4-Mar-17 11:56am

Yes, you will need to use javascript/jquery/etc... to do what you want.

Member 8057273 4-Mar-17 12:00pm

please provide a little snippet which can enable the asp timer through JS/JQ ... I am not able to get this working.