Spry Tabbed Panel

It works fine if I put it by itself somewhere randomly but when I stick it
inside of my template's editable region, it does not work. As you can see, it
is messed up before I even add content or change anything about it. It's just
plain not working.

<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
//-->
</script>
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
<li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">Content 1</div>
<div class="TabbedPanelsContent">Content 2</div>
</div>
</div>

No one can answer my issue? I dont understand why it wouldnt be working
properly.

What it does is, the tabs dont work, the content is on top of eachother, like,
not overlapping, but "Content 1" is above "Content 2" like one the same tab,
cept you cant really call it a tab when its not working.

add the constructor under your markup, not above

Spry is not the most reliable solution and it seems it added its JavaScript
block above your markup instead of below it. Move it below, like this:

<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
<li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">Content 1</div>
<div class="TabbedPanelsContent">Content 2</div>
</div>
</div>
<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
//-->
</script>

The script block needs to act on the markup so if the markup comes after the
script, the script can do nothing.


--
Al Sparber - PVII
http://www.projectseven.com
The Finest Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/pop
The Ultimate DW Menu System




"DreamChristine" <webforumsuser (AT) macromedia (DOT) com> wrote

No one can answer my issue? I dont understand why it wouldnt be working
properly.

What it does is, the tabs dont work, the content is on top of eachother,
like,
not overlapping, but "Content 1" is above "Content 2" like one the same
tab,
cept you cant really call it a tab when its not working.