Position Iframes

**amccarthy** · 07-06-2012 09:47 AM

Hi all,

I am using an iframe to display pages that I load from a menu on the parent page. I don't have the ability to modify the pages I'm linked to. On one of the pages, there is navigation that I don't want my end users to have access to. My best solution to prevent access to this is to position the page below the navigation on loading, and lock the iframe's scrolling.

However, since I load multiple pages, I need to have this positioning change depending on the link from the menu that the users select.

I attempted to create a Javascript function to solve this problem.

Code:

<head>
<script language="JavaScript">
function repositionIframe(iframeId, iframeMarginHeight)
{
if (iframeMarginHeight>0)
{
document.getElementById(iframeId).style.marginheight=iframeMarginHeight;
}
}
</script>
</head>

In my link, I include this:

Code:

onclick="repositionIframe('iframe', 200)"

This isn't working. Does anyone know why, or an alternative solution? I am very new to JavaScript so it could be something basic like syntax.

**rtrethewey** · 07-06-2012 11:56 AM

'marginwidth' and 'marginheight' feel more like 'padding' to me, and it can be tricky to manipulate them with good cross-browser results. I'd probably recommend setting those attributes to 0 and rely on the standard CSS margin property to style an <iframe>.

Thread: Position Iframes

Thread Tools

Display

Position Iframes

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions