and also Limit the Drag and Drop the Edge of browser windows too, so they dont get cut off.

Basically:
1- Give iframe a name in the opening iframe tag
2- reference that name in the target of the href tag

<a href="http://www.yahoo.com" target="iframeName">

To target the parent window, use target="_parent"

add this script to a link inside the iframe

self.parent.TB_remove();return false;

Unobtrusive iFrame with JQuery

thanks

Perhaps an example?

Its nice to use the lightbox but when I use it inside the iframe and ajax that is data in iframe is displayed through ajax them its not desplaying the lightbox. Can you please have a look and try using lightbox inside the page which is called in iframe and give us the solution.

I assume you want target=”_top” or something like that. =)

Thanks so much for sharing this
I don’t know if you noticed but the where you have the code (the light gray div) the text expands beyond the border of the same when viewed in Firefox; you can easily fix that by adding style=”overflow: auto;” Just an opinion.

my best,

-Sidnei

I was wonderin if I could get a bit of this great help that’s been given out.

Having the same issue as other.

Have an Iframe named ‘frame1′
Would like the image links in ‘frame1′ to open in the parent frame. I set the target to parent, however the lightbox still opens in ‘frame1′.
I think i need to add self.parent.TB_remove();return false;

but am not sure where.

Thanks!

I would be very glad if anyone could point to the right directions.

Thanks!

I tried Matt’s solution… added

”
self.parent.TB_remove();return false;
”

inside the body tag of my iframe page. It didn’t worked too, what happens is that it opens the pic but without the “thickbox” effects…

i really don’t know what to do..

ANYONE??????? HEEEELP!!!!

what u gotta do is the following:

- first, u need to add the scripts link inside the head tag of your PARENT frame.

- then, instead of just adding the class=”thickbox” in your link, u’ll directly call the function that shows the thickbox from your script that is declared inside your PARENT page, like this:

worked with me! good luck everyone!

-

take out the “-” and you’ll see the code

Did you get this to work?

A thickbox within an iframe covered the parent page width the solution given by John.Brazil. Problem is that the related gallery didn’t work, so I had to use a HTML instead of some IMAGE.

Sample is here: http://www.anexo14.com.br/forma/portfolio.htm

>how would I close thickbox from isdie an iFrame?

Hi there,

if you want to close a thickbox within an iframe try this as a function and remember to include the jQuery functionalities in your iframe-code (e.g. jquery-1.2.1.js in header).

function tb_removeIframe() {
parent.$(’#TB_window,#TB_overlay,#TB_HideSelect’).trigger(”unload”).unbind().remove();
}

close Thickbox-iframe

Greets and good luck with all that thickbox adaptions;-)

Daniel Speth

http://codylindley.com/thickboxforum/comments.php?DiscussionID=58&page=1#Comment_3404

The basic idea behind it all is that Thickbox must initiate all functions in the parent window straight away. However these functions will all refer to the iframe content. Explained how it could be done (I suppose the Lightbox principle should be the same).

does that field have an id or some other way of identifying it through selectors?

try $(’#fieldId’).focus();

use this

http://www.gerd-riesselmann.net/development/focus-first-form-field-with-jquery

Hopefully someone can walk me through a solution!

Here is an example of a TB call I am making (using: jquery-1.2.3, TB 3.1, IE7);
Edit

TB opens with the default size and located near the top of the page instead of using my sizes and centering on the screen when the page is scrolled down.

If I use the same code without passing a variable to the destination URL, TB works as expected (fantastically).

So clearly passing the URL variable messes up passing variables to TB. Could someone walk me through how to change this so it works correctly?

Note that the URL variable is generated by the ASP code and is not easily modified, so I need a Thickbox oriented solution (if possible).

Thanks!