PDA

View Full Version : Ajax Tabs - help getting external pages to load in container inside WordPress 3.0.1



bizwizkid
08-31-2010, 02:19 AM
1) Script Title: Ajax Tabs (v2.2)

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

3) Describe problem: In WordPress 3.0.1 cannot tab 2-4 pages to load inside container.

Hi there,

I'm installing Ajax Tabs 2.2 in my WordPress blog (see www.pbspirit.com/resources [temp site]) for a pro-bono client (mentioned to elicit sympathy and your help :p ) and am having difficulty getting the external2.htm-type page to load in the container. The page loads in the browser (on FireFox) however.

I'm essentially building a community site with a resource page with 5 tabs. Each will have various content in them i.e. contact directory information, links etc. for community members to find resources.

For each tab do I have to create a unique static page that contains the content?

And, if so could you help me determine why I cannot get the page to load in the container?

I also tried using the full url of the external pages with no luck.

I included the code I put in my page below. I have the css. and script code in the header and that appears to be working fine. I have the /ajaxtabs directory and the external sample pages provided in the /root.

Thanks much!




<ul id="countrytabs" class="shadetabs">
<li><a href="#" class="selected" rel="#default">Tab 1</a></li>
<li><a href="http://www.pbspirit.com/external1.htm" rel="countrycontainer">Tab 2</a></li>
<li><a href="http://www.pbspirit.com/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>

<div id="countrydivcontainer" style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px">
//Optional default content here. Optional default content here. Optional default content here. Optional default content here. Optional default content here.
</div>


<script type="text/javascript">

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

</script>