Results 1 to 2 of 2

Thread: all Inline mode - ajax tab content

  1. #1
    Join Date
    Nov 2007
    Posts
    11
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default all Inline mode - ajax tab content

    1) Script Title: Ajax Tabs Content Script (v 2.0)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...axtabscontent/

    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 to reload with every tab click ? thanks

    Code:
    <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>
    Last edited by sabahan; 11-17-2007 at 05:28 AM.

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    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.

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
  •