Okay guys, kinda new to this whole discussiongroup thing, so if i'm
completely posting something in the wrong section or anything, then
please forgive fot my ignorance..

I have a small problem with the tabsRotate function from jQuery, it
all works fine except the order of witch the tabs rotate in is kinda
messed up. At first i just used the #fragment-1 id's from the demo,
but they had the same problem.

I'd really apprecieate the effort if anyone would be so kind to check
it out for me, cause when it comes to javascript i'm kind off a
retard. You can find it at http://fmnewmedia.nl/project/wrnl/ (it's at
the right bar beneeth ".Klassement" (and yes i know the design still
sucks for IE6, planning on sorting that out though)

This is what i put into my <head> code.

        [code]<link rel="stylesheet" href="styles/default/ui.tabs.css"
type="text/css" media="print, projection, screen">
        <script src="jscript/jquery-1.2.1.pack.js" type="text/
javascript"></script>
        <script src="jscript/ui.tabs.js" type="text/javascript"></
script>
        <script src="jscript/ui.tabs.ext.js" type="text/javascript"></
script>
        <script type="text/javascript">
            $(function() {
                $('#klassement ul').tabs({ fxFade:
true }).tabsRotate(1000);
            });
        </script>[/code]

And here is how i'm using it

[code]<div id="klassement">
                                <h1>.Klassement</h1>
                                <div class="tabs">
                                 <ul>
                                  <li><a href="#f1">F1</a></li>
                                  <li><a href="#a1gp">A1GP</a></li>
                                  <li><a href="#motogp">MotoGP</a></li>
                                 </ul>
                                </div>

                                <div id="f1">
                                <ul>
                                 <li><span class="pla">1.</span><span 
class="vla"><img src="images/
flags/finland.gif" alt="finland" /></span><span
class="naa">K.Räikkönen</span><span class="pun">125</span></li>
                                 <li><span class="pla">2.</span><span 
class="vla"><img src="images/
flags/engeland.gif" alt="engeland" /></span><span
class="naa">L.Hamilton</span><span class="pun">123</span></li>
                                 <li><span class="pla">3.</span><span 
class="vla"><img src="images/
flags/spanje.gif" alt="spanje" /></span><span class="naa">F.Alonso</
span><span class="pun">117</span></li>
                                 <li><span class="pla">4.</span><span 
class="vla"><img src="images/
flags/duitsland.gif" alt="duitsland" /></span><span
class="naa">N.Heidfeld</span><span class="pun">87</span></li>
                                 <li><span class="pla">5.</span><span 
class="vla"><img src="images/
flags/italie.gif" alt="italie" /></span><span
class="naa">G.Fisichella</span><span class="pun">78</span></li>
                                 <li><span class="pla">6.</span><span 
class="vla"><img src="images/
flags/brazilie.gif" alt="brazilie" /></span><span class="naa">F.
Massa</span><span class="pun">76</span></li>
                                 <div class="clear"></div>
                                </ul>
                                </div>

                                <div id="a1gp">
                                <ul>
                                 <li><span class="pla">1.</span><span 
class="vla"><img src="images/
vlaggen/nz.gif" alt="nieuw zeeland" /></span><span class="naa">Nieuw
Zeeland</span><span class="pun">37</span></li>
                                 <li><span class="pla">2.</span><span 
class="vla"><img src="images/
vlaggen/za.gif" alt="zuid afrika" /></span><span class="naa">Zuid
Afrika</span><span class="pun">36</span></li>
                                 <li><span class="pla">3.</span><span 
class="vla"><img src="images/
vlaggen/en.gif" alt="engeland" /></span><span class="naa">Engeland</
span><span class="pun">31</span></li>
                                 <li><span class="pla">4.</span><span 
class="vla"><img src="images/
vlaggen/ne.gif" alt="nederland" /></span><span class="naa">Nederland</
span><span class="pun">31</span></li>
                                 <li><span class="pla">5.</span><span 
class="vla"><img src="images/
vlaggen/fr.gif" alt="frankrijk" /></span><span class="naa">Frankrijk</
span><span class="pun">29</span></li>
                                 <li><span class="pla">6.</span><span 
class="vla"><img src="images/
vlaggen/zw.gif" alt="zwitserland" /></span><span
class="naa">Zwitserland</span><span class="pun">29</span></li>
                                 <div class="clear"></div>
                                </ul>
                                </div>

                                <div id="motogp">
                                <ul>
                                 <li><span class="pla">1.</span><span 
class="vla"><img src="images/
vlaggen/nz.gif" alt="nieuw zeeland" /></span><span class="naa">Nieuw
Zeeland</span><span class="pun">37</span></li>
                                 <li><span class="pla">2.</span><span 
class="vla"><img src="images/
vlaggen/za.gif" alt="zuid afrika" /></span><span class="naa">Zuid
Afrika</span><span class="pun">36</span></li>
                                 <li><span class="pla">3.</span><span 
class="vla"><img src="images/
vlaggen/en.gif" alt="engeland" /></span><span class="naa">Engeland</
span><span class="pun">31</span></li>
                                 <li><span class="pla">4.</span><span 
class="vla"><img src="images/
vlaggen/ne.gif" alt="nederland" /></span><span class="naa">Nederland</
span><span class="pun">31</span></li>
                                 <li><span class="pla">5.</span><span 
class="vla"><img src="images/
vlaggen/fr.gif" alt="frankrijk" /></span><span class="naa">Frankrijk</
span><span class="pun">29</span></li>
                                 <li><span class="pla">6.</span><span 
class="vla"><img src="images/
vlaggen/zw.gif" alt="zwitserland" /></span><span
class="naa">Zwitserland</span><span class="pun">29</span></li>
                                 <div class="clear"></div>
                                </ul>
                                </div>
                        </div>[/code]

I did change the "ui.tabs.css", but i figured that couldn't have
anything to do with it, but still correct me if i'm wrong.

Thanks for your time,

Ramon Mol

Reply via email to