I see what you mean. So after loading an external page inside a DIV, you want that page to in turn contain a link that loads another page inside the same DIV, replacing itself?
There's currently no prebuilt way to do multiple levels of loading pages into a DIV. You can hack it, but it's not exactly intuitive. Inside ajaxtabs.js file, add to it at the very end the below function:
Code:
function directloadpage(tabcontentid, divid, tabnumber, url){
var thetab=document.getElementById(tabcontentid).getElementsByTagName("a")[tabnumber]
ajaxpage(url, divid, thetab)
}
Then, to create a link inside one of your external pages that loads another external page in the same DIV it currently occupies, do something like:
Code:
<a href="javascript: directloadpage('maintab', 'ajaxcontentarea', 0, 'external4.htm' )">Load external page!</a>
Where
1) "maintab" is the ID of your Ajax Tabs (the <ul> tag)
2) "ajaxcontentarea" is the ID Of your DIV that contains the external pages loaded
3) 0 is the tab number that should be selected when the page is loaded. 0=first tab, 1=second tab etc.
4) And finally, "external4.htm" is the page on your server to load.
Yep, you'll need to jump through a few hoops right now if you want to accomplish the above. 
p.s: Please don't start multiple threads on the same question. Dup deleted.
Bookmarks