PDA

View Full Version : How to? Nested Ajax Tabs



j1vasan007
08-03-2006, 11:56 PM
1) Script Title:
Ajax Tabs Content

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/

3) Describe problem:
I've seen a few posts on this topic, but still am unclear on.
The top level ajax tabs page works fine but I also want ajax tabs functionality on the external.htm pages that are loaded from the main page.

If I load external.htm directly, everything is ok. The problem arises when external.htm is called from a prior instance of ajax tabs (maintab).

From what I gather, the call for startajaxtabs() is never executed in external.htm, therefore the link does not dynamically load external.htm

I've seen some posts on pollContent, etc. I tried this briefly but was unable to succeed. I realize that whatever workaround exists, the startajaxtabs("subtabs") call must be done only after the external.htm pages is loaded, after the subtabs unordered list is defined.

I'm guessing someone has already worked around this?

Your help is greatly appreciated.

*I use style.css and ajaxtabs.js

top_page.html
---------------
<ul id="maintabs"...
<li> (link to external1.htm) rel="style.css, ajaxtabs.js" </li>
...
</ul>
startajaxtabs("maintabs")

external1.htm, external2.htm, etc.
-----------------------------------
<ul id="subtabs"...
<li> (link to sub_external.htm) ... </li>
...
</ul>

startajaxtabs("subtabs")
^^^^^^^^^^^^^^^ doesn't seem to be executed

j1vasan007
08-04-2006, 04:06 AM
Thanks to Frederico!

http://www.dynamicdrive.com/forums/showthread.php?t=9964&highlight=nested

Anyone know of an IE fix for this though? It works perfect in FF but I can't get the same results in IE.

Thanks,
Jay