Comments on: Implementing iFrame Toolbar

By: AU

AU — Fri, 23 Jul 2010 14:40:55 +0000

Rolle, were you able to get the side bar working?

By: AU

AU — Fri, 23 Jul 2010 12:44:18 +0000

Great tutorial! It's working for me. Before I dive into the code, how would I implement a second iframe as a footer that has this functionality.

Thanks!

By: Anish Bansal

Anish Bansal — Wed, 14 Jul 2010 09:17:30 +0000

Great. It works like a charm. You saved me man!!

By: Amir Harel

Amir Harel — Sat, 10 Jul 2010 17:18:41 +0000

Hi Dennis,
There is a way to break the frame in Javascript, and it goes something like this:
if (top.location != location) {
top.location.href = document.location.href ;
}

I guess this site is implementing something similar

Amir

By: Amir Harel

Amir Harel — Sat, 10 Jul 2010 16:38:19 +0000

You don't have access to the iframe code so you can't enforce that.

By: Dennis Short

Dennis Short — Sat, 10 Jul 2010 16:24:36 +0000

Thanks Amir, so I guess there's no way to override that. Maybe I can detect that code on the page somehow and spawn a popup with my toolbar stuff instead?

By: Amir Harel

Amir Harel — Sat, 10 Jul 2010 16:20:52 +0000

Hi Dennis,
There is a way to break the frame in Javascript, and it goes something like this:
if (top.location != location) {
top.location.href = document.location.href ;
}

I guess this site is implementing something similar

Amir

By: Dennis Short

Dennis Short — Sat, 10 Jul 2010 13:31:30 +0000

Dude, you rock. Question: some sites kill the toolbar. For example:
http://www.amirharel.com/labs/it/res_iframe.htm...

Do you know how to circumvent their blocking you from iframing their sites?

By: Mr Chris

Mr Chris — Thu, 17 Jun 2010 15:54:51 +0000

Great job Amir. I am using this without all the toolbar functionality to handle displaying an iframe at 100% height. I have been able to mostly pull it off, but have a couple questions to finish the job:

1) I can get the initial iframe to resize 100% height. However, when someone clicks a link in that iframe and goes to a subpage within the iframe content - I need to trigger another iframe resize, as the subpage is always greater in height. I am assuming this would be done in the registerEvents section. If so, what would the code look like?

2) I am experiencing a difference in height in IE -vs- FF. in IE, the iframe resize height works great, but in FF, I have had to add 300 to the height in order for it to display the bottom of the iframe content. which leaves me with a ton of whitespace in IE now. Here is what I did. (remember I am not using the toolbar) $("#iframe").height( WindowHeight() + 300 );

Thanks in advance!

By: Erik M.

Erik M. — Wed, 09 Jun 2010 18:37:20 +0000

Basically, I would like to have a form on page A. where the user would enter a keyword and select a site from a drop down list. The results from the selected website would be sent to an iframe on page be that has the cool tool bar at the top. It's kind of like when you do a google image search and click on one of the pictures in the search results and it opens the image on a new page with a google tool bar at the top. The only difference is that I would not be placing a link on Page A. instead the user would enter a keyword and my php script would attach that keyword to the selected websites search url format and then the results would be sent to an iframe on page B.

I guess to simplify things I am wondering how to take the form in the demo tool bar you made and place a copy of it on a new page. When someone types in a keyword and hits submit on this new page the results are shown in the iframe of the page used in this demo (with the tool bar on it).