Advanced Search

Results 1 to 1 of 1

Thread: Ajax Tabs - help getting external pages to load in container inside WordPress 3.0.1

  1. #1
    Join Date
    Jul 2006
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Ajax Tabs - help getting external pages to load in container inside WordPress 3.0.1

    1) Script Title: Ajax Tabs (v2.2)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...tent/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 ) 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>
    Last edited by bizwizkid; 08-31-2010 at 02:34 AM. Reason: Needed to add code snippet:

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •