CODEWITHSUNDEEP
phpjqueryjquery-ui-tabs
roy
roy

Reputation: 141

Load Php Page Inside Jquery Chrome Tabs

I am Trying to Implement a Tab Like interface For my Php Project. For this I have added below Jquery chrome tabs https://github.com/adamschwartz/chrome-tabs/, It is working fine but I am not finding any way to load different php page inside each individual tab. I have added tab adding event inside below function passing url as parameter.

function loadTab(url)
{
    el.addEventListener('activeTabChange', ({ detail }) => console.log('Active tab changed', detail.tabEl))
    el.addEventListener('tabAdd', ({ detail }) => console.log('Tab added', detail.tabEl))
    el.addEventListener('tabRemove', ({ detail }) => console.log('Tab removed', detail.tabEl))

    chromeTabs.addTab({
      title: url,
      favicon: false,
              data: {
                timeAdded: +new Date(),
              }
    })
}

Calling the function from click event is adding tab and taking the url as tab title.How can I load php page inside the tab like below or any other way. Pls suggest
$(elem).load("ajax/page_url.php");

Upvotes: 0

Views: 40

Answers (0)

Related Questions