HTML - Opening Lightbox2 Images From Iframe To Parent Page..

On my site, I'm using a host with limited bandwidth, and only so much data can be transferred per month. (it's free).

So instead of having the users re-load everything each time they open a new page, I designed the website around an iframe, so when links are clicked, the content changes, and all the large pictures don't need to be re-loaded.

Now, my problem.

On my index.html page i have an iframe. That iframe loads the content for my site from links on that page.

Okay, so say that, in one of my content pages (in the iframe) has a link in it.. and what that link is supposed to do is to go to another page, with an iframe in it, and open itself, in that page.. so it's like a reverse link kinda.. instead of the iframe changing, the rest of the site changes.. or at least the iframe is moved to a new page...

I need to know how to do this, it would help out alot with my bandwidth, and would just be alot easier.

I was planing on doing this with multiple 'content' pages, and have the second page (the one that the iframe is moved to) stay the same.

It would also help if i were to update the design of the site. So instead of updating a thousand pages, I'd only have to update about 4.

I know there's other solutions to my updating problem, but i can't do that on a free host... and this is simpler for me..


It would be even better, if, when my 'content' page was loaded, but not in the iframe, the non-framed page would be re-directed to the framed page, this way i could easily add a site search to my web site..

I am using iframe on one of my webpages and it contains links to other webpages on my site. Currently when I click on one of those links it opens the new page inside the iframe I declared. I would like it to open on the full page in the browser, like a common link would and not open a whole tab either. I hope this makes sense. If anyone can help I would greatly appreciate it. Thanks!

i have a site where there is an iframe. The iframe loads a page from another website which has links on it. when a person clicks on a link, it loads the next page within the iframe which is ok.

This next page it load also contains links and when a person clicks one of these things, it then loads a checkout page within the iframe which is not so good at all as this page is secure, but because it exists within the iframe now, it wont show as secure to people viewing it.

I would like to know how i can have the links from the next page mentioned load in a new tab or browser window so that the secure checkout page is now on its own and the https and secure padlock show to the user.

Any help is greatly appreciate!

I'm re-styling a website I've build for people at work.
It contains a header (or title) DIV, a menu DIV and a so-called InfoCell DIV (which is nothing more then a DIV containing an iframe that shows the requested page from the menu).

The problem is that the iframe always resizes to a minimum size and can not show the requested page entirely. (see here)

I want the iframe to resize to the InfoCell DIV which will in turn resize to the browser's viewing window (like the rest of the page does).

(remark: the office uses IE6 atm cause upgrading to 8 or using a different browser appears to be a problem for some web-applications used at the office)

I've tried JavaScripts, I've tryed adjusting CSS settings, but I can't get the iframe to resize itself to the size of its parent DIV.
I can make the iframe fit the full size of the InfoCell DIV when I use fixed width and height in the css. But this cancels the ability of resizing the browser window to the user's liking.
The parent DIV does resize when I resize the browser window, as do the menu and title DIVs.

The XHTML code:
Code:

<div class="title">
Servicedesk ICT Web Application Portal
</div>

<div class="menu">
...code for menu items...
</div
...

 <div class="infocell">
<iframe src="http://rsdweb.info.uwv.nl/servicedeskrsdweb/" name="info" id="infoframe" />
</div> 

the CSS code:
Code:

div.infocell {
 margin:4px;
 padding:2px;
 border:1px solid #e0e0e0;
 background:#c3c3c3;
 overflow:auto;
 }

div.infocell iframe {
 margin:0;
 border:none;
 }

Any tips/tricks on how to make the iframe always fit 100% in its parent DIV?
(so resizing the browser window will resize the DIV and the Iframe in turn).

thnx

Hello dear forum,

This is a big one, and I need some serious help. Have been trying to figure this one by myself, but I just couldn't, so I hope that you can help!

Let me explain:

I have a page with a Header/Menu which is a simple table, and an Iframe (frmMain) with some content.
Here's what I need to do:
onLoad & onResize the frmMain should get re-sized The main scrollbar on the page/window should scroll the frmMain content
Re-size:
The header should always stay 45px in height, but the frmMain should re-size to fill out the page vertically.

Scroll:
The scroll-bar on the main window/page should scroll the content of the frmMain of necessary.

I have made an illustration to try explain my problem: