Kia Niskavaara wrote:
I want to load some external data into the content part of the page.
This only works with ajax:
|$('#container').tabs({ remote: true });|
But I want to be able to load external pages, I want to use an iframe
instead. Is this possible?
I guess I could use the load event, and manually set the source of an
iframe. But wouldn't that ruin the functionality of the Tabs plugin? It
would be great if I can use |fxAutoHeight: true| together with the iframe.
Kia
Kia, I think that should work by simply putting iframes into the tab
containers:
<div id="container">
<ul> ... </ul>
<div id="tab-1">
<iframe src="..."></iframe>
</div>
...
</div>
You also don't need the fxAutoHeight option, just use CSS:
#container div, #container iframe {
height: 300px;
}
If you'd need to reload the iframe whenever a tab is clicked, you could
use the onClick or onShow callbacks for this.
HTH, Klaus
