viens
03-13-2007, 06:47 PM
1) Script Title: Ajax Tabs Contents
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/
3) Describe problem: I spent the whole day trying to customize this script so that if I click on some tab, it loads another tabs content with sub-tabs.
Maybe it's hard to understand what I mean, so I post 1 of my tests below. Screenshoot attached.
============
demo.htm
<body>
<ul id="maintab" class="shadetabs">
<li><a href="external.htm" rel="ajaxcontentarea">Europe</a></li>
<li><a href="external2.htm" rel="ajaxcontentarea">Asia</a></li>
</ul>
<div id="ajaxcontentarea" class="contentstyle">
Default Content
</div>
<script type="text/javascript">
startajaxtabs("maintab", "newstab")
</script>
</body>
external.htm
<ul id="newstab" class="shadetabs">
<li><a href="external.htm" rel="newscontentarea">Germany</a></li>
<li><a href="external2.htm" rel="newscontentarea">Spain</a></li>
</ul>
<div id="newscontentarea" class="contentstyle">
Europe main content
</div>
external2.htm
<ul id="newstab" class="shadetabs">
<li><a href="external.htm" rel="newscontentarea">Indonesia</a></li>
<li><a href="external2.htm" rel="newscontentarea">Malasya</a></li>
</ul>
<div id="newscontentarea" class="contentstyle">
Asia main content
</div>
Everything works fine, except sub-tabs. The content of sub-tabs opens not inside of div, but as a new file.
Thanks in advance.
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/
3) Describe problem: I spent the whole day trying to customize this script so that if I click on some tab, it loads another tabs content with sub-tabs.
Maybe it's hard to understand what I mean, so I post 1 of my tests below. Screenshoot attached.
============
demo.htm
<body>
<ul id="maintab" class="shadetabs">
<li><a href="external.htm" rel="ajaxcontentarea">Europe</a></li>
<li><a href="external2.htm" rel="ajaxcontentarea">Asia</a></li>
</ul>
<div id="ajaxcontentarea" class="contentstyle">
Default Content
</div>
<script type="text/javascript">
startajaxtabs("maintab", "newstab")
</script>
</body>
external.htm
<ul id="newstab" class="shadetabs">
<li><a href="external.htm" rel="newscontentarea">Germany</a></li>
<li><a href="external2.htm" rel="newscontentarea">Spain</a></li>
</ul>
<div id="newscontentarea" class="contentstyle">
Europe main content
</div>
external2.htm
<ul id="newstab" class="shadetabs">
<li><a href="external.htm" rel="newscontentarea">Indonesia</a></li>
<li><a href="external2.htm" rel="newscontentarea">Malasya</a></li>
</ul>
<div id="newscontentarea" class="contentstyle">
Asia main content
</div>
Everything works fine, except sub-tabs. The content of sub-tabs opens not inside of div, but as a new file.
Thanks in advance.