I recently created an app that has spry tabbed panels. The tabbed panels look and work great. Inside those panels, I need to dynamically load an individual page for each tab (this app will have many tabs, so dynamic page loads is a must).
If I use the htmlpanel spry to dynamically load the files, I have certain issues (that don't happen when I open them outside of the htmlpanel).
1) I have an accordian widget that works when I open the page, but using htmlpanel it doesn't work. I ended up loading all the code inside of the first tabbed panel (as opposed to loading it when clicked). It works that way, but I want to have the accordian on more panels that only load when they are clicked on.
2) If I have a page in a different folder than the tabbed panels, when I load it inside of the htmlpanel, all my href links default to the folder of the tabbed panel - and not to the folder where the page exists. It works perfectly outside of the htmlpanel, but strange behavior inside of it.
Am I going about this wrong? Is there a better way to load pages dynamically inside of tabbed panels (instead of htmlpanels)?
Is there workarounds for the strange behavior?
It is best to upload the site and supply a link to the site.
One way to load the data dynamically is to use a SpryHTMLDataSet http://labs.adobe.com/technologies/spry/samples/htmldataset/index.html
The data is sensitive and requires a vpn.
I need to dynamically load entire html pages (actually .cfm) that already work perfectly outside of the tabbed panels.
To reproduce the issue, create a spry tabbed panel set. Then, create another page and add a spry accordian. The accordian page will work fine (externally), but if you try to load it dynamically from the tabbed panel page (<li class="TabbedPanelsTab" tabindex="0" onclick="tab1.loadContent('pagewithaccordian.cfm');return false;">Accordian Page</li>) then it won't work.
If tab1.cfm on the following sample page had an accordian widget then it wouldn't work:
Gary Gilbert has another post here http://www.garyrgilbert.com/blog/index.cfm/2007/11/26/Spry-HTMLPanel-P roblem
Even when you use his solution, the widget inside the HTMLPanel will not work. In fact, that is one of the reasons why I do not work with HTMLPanels, they are too restrictive.
I do not know, why you would want to use the HTMLPanel inside a tabbed panel, personally I would use a serverside include.