andy
Posts: 183
|
| Posted: 02/18/2010, 4:31 AM |
|
You should be able to do that.
Here are a couple of hints:
If you are using the tabview method, then place all the divs INSIDE the form
<!-- BEGIN Record ... -->
<form method="post" name="{HTMLFormName}" action="{Action}">
<!-- BEGIN tab header definitions ... -->
<div id="demo" class="yui-navset">
<ul class="yui-nav">
<li class="selected"><a href="#tab1"><em>50g</em></a> </li>
<li class="selected"><a href="#tab2"><em>100g</em></a> </li>
</ul>
<div class="yui-content">
<!-- END tab header definitions ... -->
<div id="tab1">
Contents of tab 1
</div>
<div id="tab2">
Contents of tab 2
</div>
</div>
</form>
</div>
<!-- END Record ... -->
<div id="demo" class="yui-navset">
<script>
(function() {
var tabView = new YAHOO.widget.TabView('demo');
YAHOO.log("The example has finished loading; as you interact with it,
you'll see log messages appearing here.", "info", "example");
})();
</script>
</div>
The above doesn't include the Search fields. You can put those on a third tab if you want.
The next question is how to control switching to specific tabs. You may need to set and get some session variables.
Here's a couple of posts on how to get this to work:
http://blog.davglass.com/files/yui/tab7/index.php#tab3
http://developer.yahoo.com/yui/tabview/#handlingevents
Good luck!
_________________
Andy
RAD tools for rich UI controls:
http://www.koolphptools.com |
