Question

I have created a tabs by jquery and i want to display different data from database at each tab how can i do that knowing that it is the same container and same data but with different conditions hope to find an answer soon
And i am using php and javascript
Thanks

Answer 1

I’d create a map of tab IDs to remote URLs you want to call when the tab is clicked. For example, in JS:

<script type="text/javascript">
    var mySources = [];
    mySources['home'] = '/ajax/getHome.php';
    mySources['about'] = '/ajax/getAbout.php';
</script>

And, when your page is being built, it’s easy to add the click listeners and ajax calls:

$(function(){
    $("#myTabContainer a.tabLink").click(function(event){
        event.preventDefault();
        url = mySources[this.id];
        $.get(url,null,
            function(data){
                // this is the data returned by the server, 
                // put it wherever it needs to go
            }
        );
    });
});

Just my $.02, but that’d be how I’d start it, at least. Good luck!