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
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