Hello
Floatbox is working immaculately, except....if I want to open a page into a Floatbox Iframe and the page is in the same directory as the originating page - no probem - i.e. <a href="dummy.htm" class="floatbox">.
But it will NOT open the page if it's in a different directory - i.e. <a href-"../dummy.htm" class="floatbox">. A little square opens up with the loading gif circling endlessly.
Change the code to <a href="../dummy.htm"> and dummy.htm opens fine (as a separate page). In other words, the link's working OK.
I looked at what was going on in the floatbox via FireBug and right down in the ContentWrapper <iframe> it showed the correct relative address for ../dummy.htm
I've gone backwards and forwards over this - moved the Floatbox source files into the same directory as the originating page, etc. Tried it in different files in different directories - same problem. Searched your forum. I give up!
Please can you help?

Sure I can help. Link me in to a page where the problem occurs and I'll slice into it.

Here's a page - I've underlined the link

http://www.southernflindersranges-midnorth.com.au/towns/t_hammond.htm

Thankyou

The onload event of that content iframe page (railways.htm) is failing to fire, probably because the page contains an attempt to load 'js/jquery-1.6.min.js' which throws a 404-not-found error. Let's remove that reference to a non-existent script and see what happens.

There's two other script elements loading two other versions of jquery, 'js/jquery-1.4.4.min.js' and 'css/jquery-latest.min.js'. These are not the miscreants.

Thnks for the new code - the new address to the Hammond page is:

http://www.southernflinders-midnorth.com.au/towns/t_hammond.htm

BUT, I removed the reference to jquery-1.6.min.js but nothing happened. Also got rid of css/jquery-latest.min.js and still nothing happened.

So, I've created 3 new files:
http://www.southernflinders-midnorth.com.au/towns/floatbox_test.htm
http://www.southernflinders-midnorth.com.au/towns/floatbox_test2.htm
http://www.southernflinders-midnorth.com.au/dummy.htm

towns/floatbox_test.htm includes:
<a href="../dummy.htm" class="floatbox">link</a>

towns/floatbox_test2.htm includes:
<a href="../dummy.htm">link</a>

and ../dummy.htm
has some text in it.

The only .js or .css files in floatbox_test.htm and floatbox_test2.htm are:

<script type="text/javascript" src="../floatbox/floatbox.js"></script>
<script type="text/javascript" src="../floatbox/options.js"></script>
<link type="text/css" rel="stylesheet" href="../floatbox/floatbox.css" />
<link type="text/css" rel="stylesheet" href="../floatbox/floatbox.css" />
which I recently downloaded.

Thanks for the help!

And then I thought about it some more and created:
http://www.southernflinders-midnorth.com.au/towns/floatbox_test2.htm

which includes the line:
<a href="t_appila.htm" class="floatbox">

So that floatbox_test.htm demonstrates the floatbox not working
floatbox_test2.htm demonstrates that the link to ../dummy.htm is working
and
floatbox_test3.htm shows that the floatbox itself is working

Thanks!

Actually, I think you'll find the page is working just fine... sort of.

Try clicking the railway link and then take a break for some hot tea and maybe some Walkers shortbread. Play with the dog for a little bit, maybe do the dishes, and when you amble back to the computer you will likely find that the railway page has opened and is waiting there patiently for you.

It's taking a really long time to load because there's a lot (33) of images on the page, many of which are large (>100KB). The floatbox has to wait for the content page to fully loaded because no specific dimensions have been provided and the content needs to be measured to determine display size. Of course, we can't measure the content before receiving it.

You may get good results if you can trim the page down so that it loads much quicker. Or, you can provide explicit width and height in the floatbox options to let the box be put up right away and the content to slowly trickle in to the already opened floatbox.

Oh... and there's also a couple of webfont.woff files associated with that page that never succeed in loading. The requests just sit there and spin their wheels while zero bytes come back. This too may be getting in the way of page's load event firing.

Thankyou!


<a href="../railways.htm" class="floatbox" data-fb-options="width:1000 height:900">

Works a treat.