PDA

View Full Version : Nested Ajax Tabs with content



Foundas
07-03-2009, 05:41 PM
1) Script Title: Ajax Tabs Content Script

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

3) Describe problem: Hi, i am trying to implement nested ajax tabs using the modified version where it uses just content (no external files) but it doesnt seem to work.


Here is my code for the first tab



<div id="flowertabs">
<ul class="list1">
<li><a href="#1" rel="#default1" class="selected"></li>
<li><a href="#2" rel="#default2"></li>
<li><a href="#3" rel="#default3"></li>
</ul>
</div>

<div id="flowerdivcontainer" style="border:0px; width:100%; height: 100%;">
<div id="default1">
<div class="inner">
<div class="title1"><img alt="" src="images/1page-title2.gif" /></div>
FIRST TAB - - HERE MAKE NEW TABS
</div>
</div>
<div id="default2">
<div class="inner">
<div class="title1"><img alt="" src="images/1page-title2.gif" /></div>
SECOND TAB
</div>
</div>
<div id="default3">
<div class="inner">
<div class="title1"><img alt="" src="images/1page-title2.gif" /></div>
THIRD TAB
</div>
</div>
</div>
</div>

<script type="text/javascript">
var myflowers=new ddajaxtabs("flowertabs", "flowerdivcontainer")
myflowers.setpersist(false)
myflowers.setselectedClassTarget("link") //"link" or "linkparent"
myflowers.init()
</script>




Can you please advice how i can nest another set of tabs under the "default1" tab where it says: "FIRST TAB - - HERE MAKE NEW TABS"

Im also attaching the .js and .css files i use

Thanks in advance

Foundas

Foundas
07-05-2009, 04:36 PM
Hi,

can you please help implementing the nested tabs using the modified ajaxtabs version that doesnt use external files?


many thanks

Foundas
07-08-2009, 09:19 AM
ddadmin, can you please help on this?

thanks in advance