CODEWITHSUNDEEP
javascriptjqueryhtml
Hasan Elsherbiny
Hasan Elsherbiny

Reputation: 628

Make Sure that Object Element Has Page Fully loaded

I have an Object Element Which I Use To Load External Page On Click With a Button My Html Is :

<input type="text" id="txt" />
<button onclick="getdata();return false;">Load page</button>
<div>
    <object type="text/html" id="ExternalPageLoader" data="#">
    </object>
</div>

And Script

<script>
function getdata() {
    var url = $("#txt").val();
    $("#ExternalPageLoader").attr("data", url);
}
</script>

How Can I Make Sure That Requested Page Has Been Fully Loaded Into Object Element i Would Like To Check The External Page Not the Current Page

Upvotes: 2

Views: 692

Answers (2)

ghostprgmr
ghostprgmr

Reputation: 488

Try to use .ready() event:

$("#ExternalPageLoader").ready(function() {
    // Handler for .ready() called.
});

Upvotes: 1

prasanth
prasanth

Reputation: 22500

use with onload .

function getdata() {
        var url = $("#txt").val();
        $("#ExternalPageLoader").attr("data", url);
         console.log('loading...')
    }
    
    function loading(){
    console.log('loaded sucess')
    
    }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="txt" />
  <button onclick="getdata();return false;">Load page</button>
  <div>
    <object type="text/html" id="ExternalPageLoader" data="" onload="loading()">
    </object>
   </div>

Upvotes: 1

Related Questions