PDA

View Full Version : Tab Content Script - tabs in existing tabs



MabelPO
03-16-2007, 11:45 AM
1) Script Title: Tab Content Script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

3) Describe problem:

Hello.

I have 4 tabs and in fourth I'd like to put another set of tabs. It sort of works. It's fine in Firefox but in IE works partially. You can't click the link. There are no errors.

Here's the code:


<ul id="maintab" class="shadetabs">
<li class="selected"><a href="#" rel="tcontent1">Prva stran</a></li>
<li><a href="#" rel="tcontent2">Opis</a></li>
<li><a href="#" rel="tcontent3">Stroški</a></li>
<li><a href="#" rel="tcontent4">Pogoji</a></li>
<li><a href="#" rel="tcontent5">Informacije</a></li>
<li><a href="#" rel="tcontent6">Koraki</a></li>
</ul>
<div class="tabcontentstyle">
<div id="tcontent1" class="tabcontent"> </div>
<div id="tcontent2" class="tabcontent"> Tab content 2 here<br />
Tab content 2 here<br />
</div>
<div id="tcontent3" class="tabcontent"> Tab content 3 here<br />
Tab content 3 here<br />
</div>
<div id="tcontent4" class="tabcontent"> Tab content 4 here<br />
Tab content 4 here<br />
</div>
<div id="tcontent5" class="tabcontent"> Tab content 5 here<br />
Tab content 5 here<br />
</div>
<div id="tcontent6" class="tabcontent">
<ul id="maintab2" class="shadetabs">
<li><a href="#" rel="korakcontent1">1. korak</a></li>
<li><a href="#" rel="korakcontent2">2. korak</a></li>
<li><a href="#" rel="korakcontent3">3. korak</a></li>
<li><a href="#" rel="korakcontent4">4. korak</a></li>
</ul>
<div class="tabcontentstyle">
<div id="korakcontent1" class="tabcontent">1. korak </div>
<div id="korakcontent2" class="tabcontent">2. korak </div>
<div id="korakcontent3" class="tabcontent">3. korak </div>
<div id="korakcontent4" class="tabcontent">4. korak </div>
</div>
</div>
</div>
<script type="text/javascript">
//Start Tab Content script for UL with id="maintab" Separate multiple ids each with a comma.
initializetabcontent("maintab", "maintab2")
</script>

Thanks.