Pilot Roster into tabs

[HighFlyerPL185]

I'm trying to seperate pilot roster into different sections, using jQuery tabs, however I have completely no idea where to start, or how the pilot roster works on phpVMS (never looked at the roster in detail). Basically, I want each tab to stand for a hub, i.e Belfast Aldergrove, London Gatwick, so on, and quite obviously, each tab would display pilots at that respective hub. I assume that pilots_list.tpl does a foreach or something for hubs, because the default code works for all of the hubs displayed on the list. I've done this so far, but it just merely replaces the titles of the hubs, and does not work at all.

<div class="usual">

  <ul class="idTabs">
    <li><a href="#<?php echo $title?>" class="selected"><?php echo $title?></a></li>
  </ul>

  <div id="#<?php echo $title?>"> <!-- Should take the title of the first hub? -->
  <!-- Rest of the code, can interpret the default code, I've just styled it -->
  </div>

</div>

[freshJet]

Did you actually include the jQuery? Also take the hash out of the id.

[HighFlyerPL185]

Yeah, it is included in the layout template. It works on other pages fine; it doesn't work on this one because there's an individual section for each hub - I don't know how to explain it.

[freshJet]

Put it in that file too, it will only work for the files you place it in...

[HighFlyerPL185]

Put it in that file too, it will only work for the files you place it in...

It does actually work on all other pages, but I'll try that.

[HighFlyerPL185]

Still haven't figured out a way to do this, anyone got any clue?

[Vangelis]

Hello i just saw your message,

If you are still arround this is my template

i am using this tabs qith jqueryhttp://jqueryui.com/tabs/

Do a litle reverse engeneer in the tpl files and you will find how i have done it

2 tips

1 tip jquery is in corehtmlhead add it to your template

2 tabc code is in profile_main.tpl

If you have any questions tell me

upload.zip