Results 1 to 4 of 4

Thread: jQuery alternative to DD Ajax Tabs

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

    Arrow jQuery alternative to DD Ajax Tabs

    Can anyone advise on an alternative jQuery method or maybe a plug in to the DD Ajax Tabs script, some of my designs don't use the tabs functionality of DD Ajax Tabs, I simply use the container to pull in pages with no tabs, Like this: http://www.myhooligans.com/index.php?t=home_index

    I love the Ajax Tabs script but ultimately I would like to cross over to jQuery completely, any suggestions or offers of paid assistance would be appreciated.

    Thanks

  2. #2
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    You don't need a plugin for that. You're just looking for regular AJAX functionality (without UI elements). Look into the .ajax() method of jQuery.

  3. #3
    Join Date
    Aug 2006
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks Medyman

    Would you be kind enough to show me an example please, for instance with Ajax Tabs I would use a call like this to pull in a target page into a DD Ajax container div from anywhere on the page:

    Code:
    <a href="javascript: containert.loadajaxpage('page.html')">
    What would I use for the jQuery .ajax method if I had the container div named <div class="container"></div>

  4. #4
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    Using id="container" would probably be more ideal, but regardless, it works something like this:

    Code:
    $.ajax({
      url: "page.html",
      cache: false,
      success: function(html){
        $(".container").append(html);
      }
    });
    Of course, this goes in <script> tags in the <head> of your document, not inline.

    More information: http://docs.jquery.com/Ajax
    Last edited by Medyman; 04-13-2009 at 07:19 PM. Reason: added link to jquery docs for more information

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
  •