iframe replacement with objectNFNur farhain16yAsked Feb 18, 2010, 9:11 PM6.4kWeb DevelopmentHello, I'm work with ASP.net..i had problem when i replace tag with <object> tag.. The error message propmt <BR>1. "object required" in javascript file.. <BR>this is my code in javascript(.js) file:<FONT color=#0000ff size=2><FONT color=#0000ff size=2> <BR>function</FONT></FONT><FONT size=2> adjustHeight() { <BR></FONT><FONT color=#008000 size=2><FONT color=#008000 size=2>// Calculate the height of the header. </FONT></FONT><FONT size=2> <BR></FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>var</FONT></FONT><FONT size=2> head = parent.document.getElementById(</FONT><FONT color=#a31515 size=2><FONT color=#a31515 size=2>"head"</FONT></FONT><FONT size=2>); <BR></FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>var</FONT></FONT><FONT size=2> one = parent.document.getElementById(</FONT><FONT color=#a31515 size=2><FONT color=#a31515 size=2>"one"</FONT></FONT><FONT size=2>); <BR></FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>var</FONT></FONT><FONT size=2> two = parent.document.getElementById(</FONT><FONT color=#a31515 size=2><FONT color=#a31515 size=2>"two"</FONT></FONT><FONT size=2>); <BR></FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>var</FONT></FONT><FONT size=2> refList=document.getElementById(</FONT><FONT color=#a31515 size=2><FONT color=#a31515 size=2>"refList"</FONT></FONT><FONT size=2>); <BR></FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>var</FONT></FONT><FONT size=2> frmTrans=document.getElementById(</FONT><FONT color=#a31515 size=2><FONT color=#a31515 size=2>"transFrame"</FONT></FONT><FONT size=2>); <BR></FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>var</FONT></FONT><FONT size=2> folderResizer = parent.document.getElementById(</FONT><FONT color=#a31515 size=2><FONT color=#a31515 size=2>"folderResizer"</FONT></FONT><FONT size=2>); <BR></FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>var</FONT></FONT><FONT size=2> screenHeight = getScreenHeight(); <BR></FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>var</FONT></FONT><FONT size=2> screenWidth = getScreenWidth(); <BR>alert(</FONT><FONT color=#a31515 size=2><FONT color=#a31515 size=2>'head != null'</FONT></FONT><FONT size=2>); <BR></FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>if</FONT></FONT><FONT size=2> (head != </FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>null</FONT></FONT><FONT size=2>) { <BR></FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>if</FONT></FONT><FONT size=2> (screenHeight > head.offsetHeight) { <BR>one.style.height = screenHeight - head.offsetHeight; <FONT color=#ff0000>//error message : "object required" </FONT> <BR>one.style.top = head.offsetHeight;<FONT color=#ff0000>//error message : "object required" </FONT> <BR> <BR>folderResizer.style.left = one.offsetWidth - (folderResizer.offsetWidth/2); <FONT color=#ff0000>//error message : "object required" </FONT> <BR>folderResizer.style.height = one.style.height; <FONT color=#ff0000>//error message : "object required" </FONT> <BR> <BR>two.style.top = head.offsetHeight; <FONT color=#ff0000>//error message : "object required" </FONT> <BR>two.style.left = one.offsetWidth + 4; <FONT color=#ff0000>//error message : "object required" </FONT> <BR>two.style.height = one.style.height; <FONT color=#ff0000>//error message : "object required" </FONT> <BR>two.width = screenWidth - parseInt(one.offsetWidth) - 4; <FONT color=#ff0000>//error message : "object required" </FONT> <BR> <BR> <BR>refList.style.height=two.style.height; <FONT color=#ff0000>//error message : "object required" </FONT> <BR>refList.style.left=two.style.left; <FONT color=#ff0000>//error message : "object required" </FONT> <BR>refList.width = two.width; <FONT color=#ff0000>//error message : "object required" </FONT> <BR>frmTrans.style.height=two.style.height; <FONT color=#ff0000>//error message : "object required" </FONT> <BR>frmTrans.style.left=two.style.left; <FONT color=#ff0000>//error message : "object required" </FONT> <BR>frmTrans.width = two.width; <FONT color=#ff0000>//error message : "object required" </FONT> <BR>} <BR>} <BR>} <BR>2. "object doesn't support this property or method" at body.aspx file <BR>please see the code below : <BR>default.aspx <FONT color=#0000ff size=2><FONT color=#0000ff size=2> <BR><</FONT></FONT><FONT color=#a31515 size=2><FONT color=#a31515 size=2>script</FONT></FONT><FONT size=2> </FONT><FONT color=#ff0000 size=2><FONT color=#ff0000 size=2>type</FONT></FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>="text/javascript"></FONT></FONT><FONT color=#0000ff><FONT color=#0000ff size=2><FONT color=#0000ff size=2> <BR>function</FONT></FONT><FONT size=2><FONT color=#000000> showHideReflist(mode) {</FONT></FONT> <BR><FONT size=2><FONT color=#000000>......</FONT></FONT> <BR><FONT size=2><FONT color=#000000>}</FONT></FONT></FONT> <BR><FONT size=2><FONT color=#a52a2a size=2></script></FONT></FONT> <BR><FONT size=2><FONT color=#000000 size=2>body.aspx</FONT></FONT> <BR><FONT color=#0000ff size=2><FONT color=#0000ff size=2><FONT color=#008000 size=2><FONT color=#008000 size=2><FONT color=#000000><FONT color=#0000ff> </FONT><<FONT color=#a31515 size=2><FONT color=#a31515 size=2>script</FONT></FONT><FONT size=2> </FONT><FONT color=#ff0000 size=2><FONT color=#ff0000 size=2>type</FONT></FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>="text/javascript"></FONT></FONT> <BR></FONT><FONT color=#000000><FONT color=#0000ff>function</FONT> pageLoad(){</FONT> <BR><FONT color=#000000>........</FONT><FONT color=#008000 size=2><FONT color=#008000 size=2> <BR><FONT color=#000000>parent.showHideReflist(2);</FONT> <FONT color=#ff0000>// error message : "object doesn't support this property or method"</FONT> <BR><FONT color=#000000>........</FONT> <BR><FONT color=#000000>}</FONT> <BR><FONT color=#a52a2a></script></FONT> <BR><FONT color=#000000>please help me, so that i can solve this problem as soon as possible</FONT> <BR><FONT color=#000000>thank you...</FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></div></article><section class="comments" id="replies"><header class="comments-head"><span class="comments-badge" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M3 3h10a2 2 0 0 1 2 2v4.5a2 2 0 0 1-2 2H7.5L4 14.5V11.5H3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"></path></svg></span><div><h2 class="comments-title">3 Replies</h2><p class="comments-sub">Know the answer? Post it — somebody with the same question will find it here.</p></div></header><div class="comment-signin"><span class="comment-signin-badge" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M11.5 3.5h3.2a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-3.2" stroke-linecap="round"></path><path d="M4.5 10h7" stroke-linecap="round"></path><path d="M8.8 7.2 11.6 10l-2.8 2.8" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><div class="comment-signin-body"><p class="comment-signin-title">Sign in to <!-- -->answer this question</p><p class="comment-signin-text">It is the same account you read, post and publish with — and you will come straight back to this page.</p></div><div class="comment-signin-actions"><a class="btn primary-btn comment-signin-btn" href="/login?returnurl=%2Fforums%2Fiframe-replacement-with-object">Sign in</a><a class="comment-signin-alt" href="/register?returnurl=%2Fforums%2Fiframe-replacement-with-object">Create an account</a></div></div><ul class="comment-list"><li class="comment-thread"><article class="comment"><a class="comment-photo-link" href="/members/nur-farhain" title="Nur farhain"><span class="comment-photo avatar-initials" title="Nur farhain" style="background-image:linear-gradient(135deg, #047857 0%, #064e3b 100%);font-size:16px" aria-hidden="true">NF</span></a><div class="comment-main"><div class="comment-head"><p class="comment-byline"><a href="/members/nur-farhain" class="comment-author">Nur farhain</a><span class="posted-when" tabindex="0"><time class="posted-when-value comment-time" dateTime="2010-02-19T01:52:21.820Z">16y<!-- --> ago</time><span class="posted-when-pop" role="tooltip"><span>Posted<!-- --> <!-- -->Feb 19, 2010, 1:52 AM</span></span></span></p></div><div class="article-body">Hi Raaj... <BR>I can solve for my 1st problem but 2nd problem(javascript function) not settle yet. <BR>I still not have any idea how to solve it, because, when i use <iframe> the web application run correctly, but when i replace <iframe> with object it became error at that javascript function call (call parent function). I hope you understand what I mean... <BR>for anybody who can help me to solve this problem,feel free to reply my post.... thank you.</div><div class="comment-foot"></div></div></article></li><li class="comment-thread"><article class="comment"><a class="comment-photo-link" href="/members/nur-farhain" title="Nur farhain"><span class="comment-photo avatar-initials" title="Nur farhain" style="background-image:linear-gradient(135deg, #047857 0%, #064e3b 100%);font-size:16px" aria-hidden="true">NF</span></a><div class="comment-main"><div class="comment-head"><p class="comment-byline"><a href="/members/nur-farhain" class="comment-author">Nur farhain</a><span class="posted-when" tabindex="0"><time class="posted-when-value comment-time" dateTime="2010-02-18T23:49:24.020Z">16y<!-- --> ago</time><span class="posted-when-pop" role="tooltip"><span>Posted<!-- --> <!-- -->Feb 18, 2010, 11:49 PM</span></span></span></p></div><div class="article-body">Hi Raaj, <BR>Thanks for your reply.. <BR>i have tried to replace <FONT size=2>getElementById to getElementsByTagName()..but error still on there...</FONT></div><div class="comment-foot"></div></div></article></li><li class="comment-thread"><article class="comment"><a class="comment-photo-link" href="/members/raaj-kumar" title="Raaj Kumar"><span class="comment-photo avatar-initials" title="Raaj Kumar" style="background-image:linear-gradient(135deg, #4d7c0f 0%, #3f6212 100%);font-size:16px" aria-hidden="true">RK</span></a><div class="comment-main"><div class="comment-head"><p class="comment-byline"><a href="/members/raaj-kumar" class="comment-author">Raaj Kumar</a><span class="posted-when" tabindex="0"><time class="posted-when-value comment-time" dateTime="2010-02-18T22:45:13.663Z">16y<!-- --> ago</time><span class="posted-when-pop" role="tooltip"><span>Posted<!-- --> <!-- -->Feb 18, 2010, 10:45 PM</span></span></span></p></div><div class="article-body">Hi Farhain, <BR> Are you trying get element inside <object> tag? <FONT size=2><FONT color=#0000ff>var</FONT> head = parent.document.getElementById(<FONT color=#a31515><FONT color=#a31515>"head"</FONT></FONT>); </FONT> <BR><FONT size=2>If so then try using getElementsByTagName(). Hope this will work. If you want more javascript operations for <object> element have a look at this,</FONT> <BR><A href="http://www.irt.org/xref/Element.htm">http://www.irt.org/xref/Element.htm</A> <BR>Regards, <BR>Raaj</div><div class="comment-foot"></div></div></article></li></ul></section></div></div><script>$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:2","P:2")</script><script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0}; $RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:1","S:1")</script><div hidden id="S:3"></div><script>$RC("B:3","S:3")</script><div hidden id="S:0"></div><script>$RC("B:0","S:0")</script></body></html>