This is completely untested, but it would seem to make sense to work
Given this HTML
<div id="tabs">
<ul>
<li><a href="video1.php">Tab 1</a></li>
<li><a href="video2.php">Tab 2</a></li>
<li><a href="video3.php">Tab 3</a></li>
</ul>
<div></div>
<div></div>
<div></div>
</div>
then
$(document).ready(function() {
$("#tabs").tabs({
select: function(event, ui) {
$("#tabs > ul > li").each(function(i) {
if (ui.index != i) {
$("#tabs > div:nth-child(" + (i+1) + ")").html
("");
}
});
};
});
});
On Jan 13, 6:01 pm, DaveMK <[email protected]> wrote:
> Hi anyone that can help!
>
> I'm stuck and not sure how to proceed. Here's the issue:
>
> I am using jQuery tabs (seven tabs in total), and loading in iframed pages
> into the tab with .flvs in them. That's all working, but the issue is that I
> can't figure out how to get the tab to unload, so if you click on one tab
> and start the movie, and then click on another tab and start another movie,
> they both play.
>
> I can't use .php to fix this due to constraints out of my control... I'm
> stuck with html, css and jQuery. Any ideas on a couple nice lines of code
> that I could use to get this to work?
>
> If you want to see the live example, please tell me and I will send it.
> --
> View this message in
> context:http://old.nabble.com/Tabbed-view-and-Flash-Movies-tp27153555s27240p2...
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.
