- From: Andrew Fedoniouk <news@terrainformatica.com>
- Date: Sun, 24 Feb 2008 23:31:23 -0800
- To: Brad Kemper <brkemper@comcast.net>
- CC: www-style list <www-style@w3.org>
Brad Kemper wrote: > > > If only an input element could have descendants, then you could create > tabs like this: > > --------- HTML: ------------ > > <input type="radio" class="tab" checked> > <label>Tab 1</label> > <span> > Contents to show when input is checked > </span> > </input> > <input type="radio" class="tab"> > <label>Tab 2</label> > <span> > Contents to show when input is checked > </span> > </input> Panels and their panels are not usually in parent-child relationship. Tabs is a group of radio buttons having :checked state flag bound to :expanded/:collapsed state of correspondent panel elements - divs or any other display:block elements. Tabs represent concept of only-one-from-many is expanded. Visually tabs can presented in many ways. This [1] is another tabs incarnation: only-one-from-many is visible. There is also many-from-many switch (UI pattern if you wish). In principle many-from-many switch is close to what collapsible tree is using - many containers can be in expanded or collapsed state at the same time. Group of checkboxes that are bound to expanded/collapsed panels is a good model of this. -- Andrew Fedoniouk. http://terrainformatica.com [1] http://terrainformatica.com/htmlayout/images/animation-slide-bar.jpg
Received on Monday, 25 February 2008 07:33:47 UTC