how to access the elements of the HTML loaded in object tag?
html, html-object, javascript, jquery
Solution
- Use event onload instead of timeout.
- For access to object internal structure use method contents()
- WARNING: It may doesn't work on jsfiddle. This site block XSS requests for security reasons.
HTML:
<div id="siteloader">
<object id="object1" data="" />
</div>
JS:
$(function() {
$("#object1").load(function() {
$(this).contents().find("#lemail_id").val("lemail_id")
});
$("#object1").attr('data', 'http://testk.shopnix.org/admin');
});
js fiddle
Problem
Eg: Fetching text input value using jQuery `$('#username').val();` I had tried this from this question Here is my code ``` <div id="siteloader"></div> $(window).load(function(){ $("#siteloader").html('<object data="http://testk.shopnix.org/admin" />'); setTimeout(function() { console.log($("#lemail_id")); $("#lemail_id").val("lemail_id"); console.log($("#lemail_id").val()); }, 10000) }) ``` JS fiddle here