multiple iframe scripts not working

**mdeanh** · 02-22-2013, 09:31 PM

I hope someone on here can help me out.
I have a script that I been using to load my iframe and resize to the window size. I been trying to add in a script that will allow me to make the Iframe target a content page but cannot get them both to run together correctly. Seams every script I try it overrides my resize script.

The <head> script for resizing is:
<script src="css/dw_viewport.js" type="text/javascript"></script>
<script type="text/javascript">
function setIframeHeight(id, h) {
var main = document.getElementById(id);
if (main) {
var winHt = dw_Viewport.getWinHeight();
main.style.height = Math.round( h * winHt ) + "px";
main.style.marginTop = Math.round( ( winHt - parseInt(ifrm.style.height) )/2 ) + "px";
}
}

window.onload = function() { setIframeHeight('main', .7); }
window.onresize = function() { setIframeHeight('main', .7); }

The <head> script for loading a new target page to iframe is:
<script type="text/javascript">

function loadIframe(){
if (location.search.length > 0){
url = unescape(location.search.substring(1))

window.frames["main"].location=url
}
}

onload=loadIframe
</script>

I use the external link to load my page with targeted iframe is:
<a href="index.html?content.html">my content</a>

My Iframe:
<iframe name="main" id="main" src="index.html" allowtransparency="true" frameborder="0">Your browser doesn't allow viewing frames!</iframe>

If someone has a better script or can show me how to apply these 2 script to run together id appreciate it.
I have searched about adding multiple scripts but after trial and error I still didn't get any further.
Thanks

**Beverleyh** · 02-23-2013, 07:11 AM

I think the easiest thing would be for you to post a link to the page in question. Although you've posted code fragments, it doesn't given us a picture of everything in context so its difficult to understand how everything is working together (or conflicting)

Please also provide links to any scripts you've used, at the developers site/demo - there may be things there that have been overlooked.

**mdeanh** · 02-23-2013, 08:19 AM

I have saved 2 versions:
http://www.panelsusa.com/index2.html (is what i started with has a resizing script for the iframe I found it at http://www.dyn-web.com/tutorials/iframes/fluid/)

http://www.panelsusa.com/index3.html (is with the added targeting iframe script i found here at http://www.dynamicdrive.com/forums/s...-external-link) This script is preventing my original script for setting the iframe size.

Thanks

**molendijk** · 02-23-2013, 11:23 AM

Replace onload=loadIframe with the following, then see what happens:

Code:

if ( typeof window.addEventListener != "undefined" )
    window.addEventListener( "load", loadIframe, false );
else if ( typeof window.attachEvent != "undefined" )
    window.attachEvent( "onload", loadIframe );
else {
    if ( window.onload != null ) {
        var oldOnload = window.onload;
        window.onload = function ( e ) {
            oldOnload( e );
            loadIframe();
        };
    }
    else
        window.onload = loadIframe;
}

**molendijk** · 02-23-2013, 04:08 PM

I tested what I suggested in my previous post with the links you gave us. It works.

**mdeanh** · 02-23-2013, 10:30 PM

Thank you molendijk for the code revision!
It works perfectly, I since added a random text script to the page and had to add in a window.onload script to load the multiple scripts.
Everything displays perfectly now!

Thread: multiple iframe scripts not working

Thread Tools

Search Thread

multiple iframe scripts not working

Similar Threads

Help with multiple tab scripts......

Multiple Scripts

Multiple scripts in IE6

Iframe SSI scripts don't work if the iframe is scrolled off-view on page load

Need Help Using Multiple Scripts

Bookmarks

Bookmarks

Posting Permissions