UpdateContent, How to defaultTab

Question

Hi .I became spry user yesterday. The case is I have a
tabbedPanel using Spry.Utils.updateContent. I have't had problems I
click on whatever of my 3 tabs; the data is loaded nicely, but just
works wneh click on the tab and when the page is loaded the tab is
empty. I know when I build the tabs content I put nothing on them
and that's the reason when the page is loaded and the defaultTab is
set there is nothing and is untl I perform a click on the tab the
behavior is thrown, but I'm sure there is a way to load the dynamic
content for the active tab (1,2 or 3) when the page is loaded.
I have this.
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0"
onclick="Spry.Utils.updateContent('a1','admin.php?cmd=users');">Users</li>
<li class="TabbedPanelsTab" tabindex="0"
onclick="Spry.Utils.updateContent('a2','admin.php?cmd=notices');">Notices</li>
<li class="TabbedPanelsTab" tabindex="0"
onclick="Spry.Utils.updateContent('a3','admin.php?cmd=hits');">Hits</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent"
id="a1"> </div>
<div class="TabbedPanelsContent"
id="a2"> </div>
<div class="TabbedPanelsContent"
id="a3"> </div>
</div>
</div>
<script type="text/javascript">
<!--
var TabbedPanels1 = new
Spry.Widget.TabbedPanels("TabbedPanels1", { defaultTab:1 });
-->
</script>
Regards!

Answer 1

sure, include SpryDOMUtils.js in your page
and add this script inside the header of your page
<script type="text/javascript">
Spry.Utils.AddLoadListener(function(){
Spry.Utils.updateContent('a1','admin.php?cmd=users');
Spry.Utils.updateContent('a2','admin.php?cmd=notices');
Spry.Utils.updateContent('a3','admin.php?cmd=hits');
</script>
But if you want the data to be loaded when the dom elements
are ready to be accessed this is faster than onload, do this:
get my onDOMReady.js script
http://www.spry-it.com/builds/SpryDOMReady.js
add it under your SpryDOMUtils.js
and use this function:
Spry.Utils.onDOMReady(function(){
Spry.Utils.updateContent('a1','admin.php?cmd=users');
Spry.Utils.updateContent('a2','admin.php?cmd=notices');
Spry.Utils.updateContent('a3','admin.php?cmd=hits');
});