refresh tabs

[Nathan Klatt]

Perhaps you could point us to your page? Or set up an example at
jsbin.com or something?

Nathan

[whynotter]

Hi Nathan,

here two pages:
http://www.deboramontoli.it/prova/mediacenter_prova1.shtml page 1
http://www.deboramontoli.it/prova/mediacenter_prova2.shtml page 2

The first one is without tabs and the script is correct, while in the second
one there are two tabs and the script crashes.

Have you any suggest about that?

After that I need to insert a lot of tabs, each with a scroll and some video
load dynamically, so the jQuery script have to be just a one.


Thanks a lot

Post by Nathan Klatt
Perhaps you could point us to your page? Or set up an example at
jsbin.com or something?
Nathan

[Nathan Klatt]

Post by whynotter
http://www.deboramontoli.it/prova/mediacenter_prova2.shtml page 2

Check this out:

http://jsbin.com/ixiyo/3/edit

You will need to do some more data localization (I've done it for
currentPosition but left totalVideos and maxMove) but I think it
should have you on your way.

Nathan

[whynotter]

:-)
thanks a lot.
I've tried your script:
http://www.deboramontoli.it/prova/mediacenter_prova3.shtml

Now, when I choose a tab, each scroll is independent and keeps the correct
moment.

It hasn't stopped yet, but it's better than the last page.

Uff, I'm going ahead, it's an hard work.

Thanks again

Post by Nathan Klatt

Post by whynotter
http://www.deboramontoli.it/prova/mediacenter_prova2.shtml page 2

http://jsbin.com/ixiyo/3/edit
You will need to do some more data localization (I've done it for
currentPosition but left totalVideos and maxMove) but I think it
should have you on your way.
Nathan

[stworthy]

Using http://jquery-easyui.wikidot.com jquery-easyui tabs plugin, the tabs
panel will refresh automatically.

Example:
<div class="easyui-tabs" style="width:400px;height:100px;">
<div title="First Tab" style="padding:10px;">
First Tab
</div>
<div title="Second Tab" closable="true" style="padding:10px;">
Second Tab
</div>
<div title="Third Tab" icon="icon-reload" closable="true"
style="padding:10px;">
Third Tab
</div>
</div>

Output:
Loading Image...

Hi,
I have a page with some scroll-img with jquery code.
Each scroll-img are in different tabs, but the jquery code is the same for
all tabs.
If I have just a scroll, the code is ok, but when I put 4 scroll in
different tabs, the code is not do well.
How can I get the refresh of each tabs to avoid the problem of conflict
jquery code?
Thanks a lot
Bye

[whynotter]

Thanks for your replay but the problem is still happening :-(

I've just tried this plugin and the tabs work well, but the scroll images
have the same error.
I don't know how to do.

Thanks again

Post by stworthy
Using http://jquery-easyui.wikidot.com jquery-easyui tabs plugin, the
tabs panel will refresh automatically.
<div class="easyui-tabs" style="width:400px;height:100px;">
<div title="First Tab" style="padding:10px;">
First Tab
</div>
<div title="Second Tab" closable="true" style="padding:10px;">
Second Tab
</div>
<div title="Third Tab" icon="icon-reload" closable="true"
style="padding:10px;">
Third Tab
</div>
</div>
http://old.nabble.com/file/p27685351/tabs.png

Hi,
I have a page with some scroll-img with jquery code.
Each scroll-img are in different tabs, but the jquery code is the same
for all tabs.
If I have just a scroll, the code is ok, but when I put 4 scroll in
different tabs, the code is not do well.
How can I get the refresh of each tabs to avoid the problem of conflict
jquery code?
Thanks a lot
Bye