PDA

View Full Version : all Inline mode - ajax tab content



sabahan
11-17-2007, 05:10 AM
1) Script Title: Ajax Tabs Content Script (v 2.0)

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

3) Describe problem:

i would like all the tab to display inline content directly added inside container DIV..i know that the tab content script does this but the script is not suitable for my dynamic content cause i need the content to refresh with every tab click...which what the ajax tab does....or is there a work around to make the tab content script (http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm) to reload with every tab click ? thanks



<ul id="countrytabs" class="shadetabs">
<li><a href="#" class="selected" rel="#default">Tab 1</a></li>
<li><a href="external2.htm" rel="countrycontainer">Tab 2</a></li>
<li><a href="external3.htm" rel="countrycontainer">Tab 3</a></li>
<li><a href="external4.htm" rel="#iframe">Tab 4</a></li>
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
</ul>


<script type="text/javascript">

var countries=new ddajaxtabs("countrytabs", "countrydivcontainer")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script>

ddadmin
11-17-2007, 07:00 AM
I'm not sure there's a straightforward way to do this. Basically the point of Ajax is so that you can load content dynamically, including busting any cache when doing so. When the content is embedded inline, then it's part of the page itself, and the way to refresh the content is just to reload the page- not what you want.