Search code examples
javascriptjquerytabsjquery-tabs

Need help making a design decision with jQuery tabs


There will be a list of "plans" that the user has, and I want to be able to click on any of them (separated by divs) and have its information dynamically loaded from the database.

My question is whether I should use a jQuery tab interface and load the content that way, or a button which triggers an ajax call? Is there any easier/prettier way to do this that I'm not thinking of?

Thank you for any help, it is much appreciated!


Solution

  • There are many existing solutions online . You can roll your own too . Here are some samples which has many with AJAX content loading . You can either use existing or change then as you need.

    http://flowplayer.org/tools/demos/tabs/ajax.html . You can change .html to your own php,asp ,jsp what ever pages and pass plan id and page can return HTML .

    http://webdesignledger.com/tutorials/11-useful-jquery-tab-navigation-solutions

    http://www.hongkiat.com/blog/50-nice-clean-css-tab-based-navigation-scripts/

    http://justintadlock.com/archives/2007/11/07/how-to-create-tabs-using-jquery