Savvy.UI version 0.1.1.8 (Alpha-Build-2) Released
We currently testing multiple new feature for Savvy.UI, some of it already available in the newly release while other we put it on hold for the future. As for now, we are more careful with all the code and function inside Savvy.UI to ensure that it is usable when needed. We have also try to let you have lesser code to write with the bundled utility or plug-in which is first introduce in this release.
What’s New
DOM Selector
For the new Savvy.UI we have provide support to a set of CSS1, CSS2 and minor CSS3 support for our DOM Selector engine. The Engine uses native or traditional DOM querying instead of XPath, we currently will mantain this as for the next few development. The engine itself were first introduced after version 0.1.1.6, below is list of supported Selector query for version 0.1.1.8 (Alpha-Build-2):
- Basic
- tag
- tag#id
- tag.class
- #id
- .class
- *
- Extended - Element is a combination of any of the Basic.
- element element n-element
- element, element, n-element
- element > element
- element ~ element
- element + element
- element:first-child
- element:last-child
- element:hidden
- element:visible
- element[value]
- Form Element
- element:input
- element:checked
- element:selected
- element:enabled
- element:disabled
- element:text
- element:password
- element:checkbox
- element:radio
- element:submit
- element:button
- element:image
- element:file
- element:reset
Example below will make all first child span which is child of any input DOM Element which is inside of DIV#hello to have red as it’s font color.
SUI("div#hello > :input span:first-child").css("color", "red");
OnDOMReady
We also improve OnDOMReady or .ready() function for Savvy.UI which will enable you to prepare set of event to occur right after the DOM is ready instead of waiting for all external element to be available (including flash, images and video). During early implementation the script failed in IE based browser because the browser document.onstateready function were overwrite when there multiple .ready() call.
SUI("p").ready(function() { SUI(this).css("color","red"); });
Other
Additionally here a list of changelog for version 0.1.1.8:
- Introduction to SUI.vars which will extend to SUI.string or SUI.array, the constructor is workable but there’re some issue when array variable return typeof as object instead of array.
- Separation of some plug-in based extension to SUI.Util, the changes include SUI.Util.Ticker, SUI.Util.SimpleTab, SUI.Util.DropMenu.
- Enhancement of SUI.Ajax, predefine callback will only be called when you add and object value
{SUIXHR:true, ...}. - Introduction of SUI.Util.SimpleTab
- All extension will have __contructor callback which is similar to PHP5.
- Introduction of .has(), .is(), .start() and .end() for SUI.Elements.
Download Savvy.UI
Download Savvy.UI version 0.1.1.8 (alpha-build-2) and follow these instructions:

