Werner Punz wrote:
Werner Punz wrote:
Yes, this is absolutely awesome stuff,
and that is the reason why I am so excited about it.
I am still hacking on the preview contol currently,
but as soon as I am finished with that one
I will start to hack the
fade tag :-)
Just integrated the Fade into a tag
and dumped a demo war and the sources onto sourceforge
it works now the following way
<cc:fade id="thisoneismandatory"> do whatever you like in here </cc:fade>
You also can set the fading color.
<cc:fade id="thisoneismandatory"> do whatever you like in here </cc:fade>
I will set up a small site to show
the stuff by tomorrow evening, just in case people dont like to mess
with the war from sourceforge.
Ok the site is up and running, here are the first demos:
http://wuerg.kicks-ass.net:8080/customcontrols/colorcontrolTest.jsf
http://wuerg.kicks-ass.net:8080/customcontrols/autocompleteTest.jsf
Everything you see here is basically a jsf tag:
the one with the two drop down autocompletes and the fade is just
following frontend code:
<f:view>
<H1>
<cc:fade fadeColor="#C0C0C0" id="boogax">
<h:outputFormat id="fading" value="Demo of various ajax
controls" />
</cc:fade>
</H1>
<br>
<br>
<cc:fade id="firstLine">
<h:outputFormat value="coloring input" />
<cc:autocompleteInput completionMethod="getcities"
pattern="^[0-9]+" />
</cc:fade>
<h:outputFormat value="noncoloring input" />
<cc:autocompleteInput completionMethod="getcities" />
</f:view>
On the backend side, it is sort of an event system with the
completionMethod as event parameter, registered via the
faces-config into the system:
<managed-bean>
<managed-bean-name>ajaxEvent_getcities</managed-bean-name>
<managed-bean-class>
net.sf.myfacessandbox.components.ajax.tests.GetCitiesEvendHandler
</managed-bean-class>
<managed-bean-scope>application</managed-bean-scope>
</managed-bean>
The central controller for this mechanism is a servlet which is called
transparently.
The fading is done via the fade tags:
<cc:fade fadeColor="#C0C0C0" id="whateverid">everything is faded in
here</cc:fade>
which basically just root into div tags and use the FADE anything code
from Adam Michela http://www.axentric.com/
The autocolor stuff is like that:
<h:outputFormat value="Colored Input no color" />
<cc:colorInputText />
<h:outputFormat value="Colored standard colors" />
<cc:colorInputText focusColored="true" />
<h:outputFormat value="Colored altered focus" />
<cc:colorInputText focusColor="blue" />
<h:outputFormat value="Colored altered focus and non focus" />
<cc:colorInputText focusColor="blue" nonFocusColor="grey" />
<h:outputFormat value="validating input numeric pattern" />
<cc:validatingInputText pattern="^[0-9]+" />
<h:outputFormat value="validating altered error color" />
<cc:validatingInputText errorColor="blue" pattern="^[0-9]+" />
Those controls can do a lot more, which I have not demoed yet
they have integrated automatic checkers for phone number patterns
email patterns, currency patterns (european style) etc...
I will write a demo for that stuff whenever I have time.
Btw... if you want to use that stuff instantly, the code is still rough,
today I did some internationalization on the original sun autocomplete
code, which I have not upped to sourceforge yet, also the size parameter
is not set currently in the autocomplete, that one will follow ASAP.
Werner
