Faces application. The component allows to apply the styles and behavior
to the DOM elements dynamically, including the result of JSF components rendering.
For more information about jQuery framework and its features,
you can read http://jquery.com
Integrated jQuery works without conflicts with prototype.js library that is used
widely in the RichFaces library. This means that $() function is delegated
back to the prototype.js. Use jQuery() function instead to refer to
jQuery objects if necessary. Read more about jQuery usage with other libraries
This demo shows how just four rich:jQuery queries allow to
add zebra-style to a table and highlight rows under the mouse cursor.
rich:jQuery can be used in two major modes:
as a once time query applied immediately or on document ready event
The mode is chosen with timing attribute that can have the following options:
immediate - applying the query immediately
onload - applying the query when the document is loaded.
Defining "name" attribute is mandatory when timing="onJScall".
If "name" attribute is defined when timing equals to "immediate" or "onload",
the query is applied according to this value, but you still have an
opportunity to invoke it by a function name.
The selector attribute defines an object or list of objects, the query
defined with the query attribute will be applied to.
This demo shows how to attach the mouseover/mouseout events to the
DOM objects. However the images below show how to make them enlarged.