Ezekről lesz szó:
- Control.Tabs
- Control.TextArea
- Control.Rating
Csapjunk bele !
Control.Tabs
Talán sokan ismerik a Fabtabulous-t, amit úgy vélünk hogy talán az első normális prototype alapú tab vezérlő. A LivePipe is előrokkult a sajátjával, melyre tényleg mondhatjuk, hogy kiválló. Az alap “kattintok, és megváltozik alatta a szöveg”-en kívül a vezérlő kínál triggerelési lehetőséget is, így a tabunkat akár egy külső vezérlővel is könnyen átválthatjuk, vagy akár pl egy Ajax.Request afterFinish-éből is átdobhatjuk a felhasználót egy másik tabra.
$('tabs_example_two_select').observe('change',function(){
tabs_example_two.setActiveTab($('tabs_example_two_select').options[$('tabs_example_two_select').options.selectedIndex].value);
});
//a tabs_example_two_select id-jű select változása esetén az legyen az aktív tab, ami a select értéke
<a href="#a">One</a><div id="a">...</div>
Az alkotók nem találták fel a spanyolviaszt. Link href tulajdonságához rendeli a megfelelő id-jű divet (Fabtabulous is ezt tette).
Említésre méltó lehetőség, hogy a vezérlőt kép megjelenítésére is lehet haszálni. Mindenképpen ajánljuk a használatát.
Control.TextArea
Textarea vezérlővel ilyet tudunk készíteni nem is nagy ördöngősséggel:
<script src="js/control.textarea.js"></script>
<script src="js/control.textarea.bbcode.js"></script>
<textarea id="bbcode_example" name="post"></textarea>
<script type="text/javascript">
bbcode_toolbar = new Control.TextArea.ToolBar.BBCode('bbcode_example');
bbcode_toolbar.toolbar.toolbar.id = 'bbcode_toolbar';
textarea = new Control.TextArea('bbcode_example');
function getEmo(text){
textarea.insertBeforeSelection(text);
}
</script>
<div class="imgcont">
<img src="images/smiles/biggrin.gif" alt=":D" title=":D" onclick="getEmo(':D');" />...
</div>
Erről ennyit.
Control.Rating
A jól megszokott “live” szavazás igen szépen kivitelezett változata. Az api itt is lehetővé teszi, hogy paraméterezzük, és információkat szedjük ki a szavazásról. Talán igen hasznos funkció lehet az “afterChange” esemény, mely a szavazás után hívódik meg. Említeni sem kell, hogy természetesen a prototype Ajax.Request osztályát használja.
Sajnos a vezérlők még RC1 verziók, de használhatók. A későbbiekben mindenképpen tervezzük, hogy visszatekintünk a LivePipe-ra, ugyanis sok csemegéről még nem is ejtettünk szót.