PDA

View Full Version : Ajax Tabs Content Script (v 2.2) - Nesting



maddy
12-25-2008, 01:14 PM
1) Script Title: Ajax Tabs Content Script (v 2.2)

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

3) Describe problem: my code is like this
code#

<ul id="countrytabs" class="shadetabs">
<li><a href="brjhinstrt.html" rel="countrycontainer" class="selected">Hindi</a></li>
<li><a href="brajengstrt.html" rel="countrycontainer">English</a></li>

</ul>

<div id="countrydivcontainer" style="width:98%; margin-bottom: 1em; padding: 10px" >

</div>

<script type="text/javascript">

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

countries.onajaxpageload=function(pageurl){
if (pageurl.indexOf("brjhinstrt.html")!=-0){
provinces=new ddajaxtabs("provincetabs", "provincedivcontainer")
provinces.setpersist(true)
provinces.setselectedClassTarget("link") //"link" or "linkparent"
provinces.init()
}
else if (pageurl.indexOf("brajengstrt.html")!=-0){
provinces=new ddajaxtabs("provincetabs", "provincedivcontainer")
provinces.setpersist(true)
provinces.setselectedClassTarget("link") //"link" or "linkparent"
provinces.init()
}
}

</script>

my problem is
i am trying to nest tabs both in brjhinstrt.html & brajengstrt.html these are two tabs for selecting two different content which have multiple tabs


though the firefox 3 and chrome are displaying properly opening the page with default hindi content IE displays empty two tabs
Hindi English
hindi has multiple tabs which is correctly displayed but nothing underneath , i need to click on hindi tab to display the content of first tab of hindi but both chrome and Firefox open with the contents of first tab of hindi tab , any fix for this

thanks in advance

maddy

Nile
12-25-2008, 02:38 PM
Please post a link to the page on your site that contains the problematic script so we can check it out.
When pasting a code, please remember to use [code] tags. That includes [ html ], [ code ], and [ php ].