logo-dw

Go Back   Dreamweaver Club Forums > Dreamweaver forums > Spry
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 08-17-2010, 06:48 PM   #11
Mario Kinnikuman
 
Join Date: Aug 2010
Posts: 7
Default

I'd love it hear it, if possible. I looked around a bit more, and stumbled upon this article as well. Specifically, this section caught my interest.

Found in: http://labs.adobe.com/technologies/s.../tabbed_panel/

Quote:
Open panels programatically

Use JavaScript functions to programatically open specific panels. For example, you might have a button on your page that opens a particular tabbed panel when the user clicks the button.
Remember, Spry uses a zero-based counting system, so 0 indicates the first, leftmost tabbed panel. If the tabbed panel has an ID, you can also use the ID to refer to panels.

Use the following functions to open specific tabbed panels:
Code:
<button onclick="TabbedPanels1.showPanel(0)" >open first panel</button>
<button onclick="TabbedPanels1.showPanel('tabID')">open panel</button>
<script type="text/javascript">
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
Mario Kinnikuman is offline   Reply With Quote
Old 08-20-2010, 01:24 AM   #12
Mario Kinnikuman
 
Join Date: Aug 2010
Posts: 7
Default

Good news!

I posted a similar topic on another forum, just in case. Thankfully, that was answered, and it produced what I expected. Examples below.

Thanks for your help, DWcourse, Corrosive.

CSS Code:
Code:
#firsttab.TabbedPanelsTabSelected {background-color: #F00;}

#secondtab.TabbedPanelsTabSelected {background-color: #30C;
    color: #FFF;}
HTML Code:
Code:
<div id="TabbedPanels1" class="TabbedPanels">
  <ul class="TabbedPanelsTabGroup">
    <li id="firsttab" class="TabbedPanelsTab" tabindex="0">Tab 1</li>
    <li id="secondtab" 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>
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
Mario Kinnikuman is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:51 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com