Results 1 to 4 of 4

Thread: Help with multiple tab scripts......

  1. #1
    Join Date
    Apr 2011
    Posts
    12
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Help with multiple tab scripts......

    1) Script Title: ddtabcontent()

    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamici...suppliment.htm

    3) Describe problem:
    I am currently using the shade tab on a site and the content that I'm try to post has ten tabs. I found an old article in one of the forums that mentioned just doubling the code which I did but the links only work at one row at time either the top row or bottom row. Below is the page where lives with a working top row:
    http://beantownfx.com/websites/ams/proj_manage.html

    I found and implemented this help without much success:
    http://www.dynamicdrive.com/forums/s...ad.php?t=28800


    Any help on the topic would be greatly appreciated.

  2. #2
    Join Date
    Aug 2004
    Posts
    9,878
    Thanks
    3
    Thanked 962 Times in 951 Posts
    Blog Entries
    15

    Default

    Please read that thread again- essentially, there should still just be one tabs container with a single ID attribute, but in this case, instead of that container being the UL element, change it to a DIV element that encompasses two UL elements. So instead of this for example:

    Code:
    <ul id="countrytabs" class="shadetabs" style="margin-left: 7px">
    <li><a href="#" rel="country1">Peer Reviews</a></li>
    <li><a href="#" rel="country2">Project Recovery</a></li>
    <li><a href="#" rel="country3">Selecting Tools & Techniques</a></li>
    <li><a href="#" rel="country4">Quick Starts</a></li>
    <li><a href="#" rel="country5">Project Organization</a></li>
    </ul>
    
    <ul id="countrytabs" class="shadetabs">
    <li><a href="#" rel="country1" class="selected">Profiling</a></li>
    <li><a href="#" rel="country2">Capital Projects</a></li>
    <li><a href="#" rel="country3">Earned Value Management</a></li>
    <li><a href="#" rel="country4">Risk Management</a></li>
    <li><a href="#" rel="country5">Methodology Developement</a></li>
    </ul>
    You should have:
    Code:
    <div id="countrytabs">
    <ul class="shadetabs" style="margin-left: 7px">
    <li><a href="#" rel="country1">Peer Reviews</a></li>
    <li><a href="#" rel="country2">Project Recovery</a></li>
    <li><a href="#" rel="country3">Selecting Tools & Techniques</a></li>
    <li><a href="#" rel="country4">Quick Starts</a></li>
    <li><a href="#" rel="country5">Project Organization</a></li>
    </ul>
    
    <ul class="shadetabs">
    <li><a href="#" rel="country1" class="selected">Profiling</a></li>
    <li><a href="#" rel="country2">Capital Projects</a></li>
    <li><a href="#" rel="country3">Earned Value Management</a></li>
    <li><a href="#" rel="country4">Risk Management</a></li>
    <li><a href="#" rel="country5">Methodology Developement</a></li>
    </ul>
    </div>
    DD Admin

  3. #3
    Join Date
    Apr 2011
    Posts
    12
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thanks that worked and for the quick response. I just had one more question about the script. If I were to add a second set of tabs to the page would I be correct to assume that all I need to do is copy the code, and give the tabs a different ID tag? Any and all information is greatly appreciated.

  4. #4
    Join Date
    Aug 2004
    Posts
    9,878
    Thanks
    3
    Thanked 962 Times in 951 Posts
    Blog Entries
    15

    Default

    Assuming your second set of tabs also contain multiple lines of tabs, you would duplicate the above code and give the outermost DIV a unique ID (ie: "citytabs" instead of "countrytabs").
    DD Admin

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •