Author: SergeySmirnov Date: 2007-10-15 21:39:55 -0400 (Mon, 15 Oct 2007) New Revision: 3390 Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/ trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/ trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/fishEye.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/usage.xhtml Modified: trunk/samples/richfaces-demo/src/main/resources/org/richfaces/demo/common/components.properties trunk/samples/richfaces-demo/src/main/webapp/templates/main.xhtml Log: jQuery demo is added Modified: trunk/samples/richfaces-demo/src/main/resources/org/richfaces/demo/common/components.properties =================================================================== --- trunk/samples/richfaces-demo/src/main/resources/org/richfaces/demo/common/components.properties 2007-10-16 00:38:15 UTC (rev 3389) +++ trunk/samples/richfaces-demo/src/main/resources/org/richfaces/demo/common/components.properties 2007-10-16 01:39:55 UTC (rev 3390) @@ -14,7 +14,8 @@ dataGrid= richDataIterators, Data Grid, /images/ico_DataTable.gif, /images/cn_DataGrid.gif, RichFacesComponentsLibrary.html#dataGrid, jbossrichfaces/freezone/docs/tlddoc/rich/dataGrid.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIDataGrid.html, /richfaces/dataGrid.jsf dataList= richDataIterators, Data List, /images/ico_DataTable.gif, /images/cn_DataList.gif, RichFacesComponentsLibrary.html#dataList, jbossrichfaces/freezone/docs/tlddoc/rich/dataList.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIDataList.html, /richfaces/dataLists.jsf dataOrderedList= richDataIterators, Data Ordered List, /images/ico_DataTable.gif, /images/cn_DataOrderedList.gif, RichFacesComponentsLibrary.html#dataOrderedList, jbossrichfaces/freezone/docs/tlddoc/rich/dataOrderedList.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/taglib/DataOrderedListTag.html, /richfaces/dataLists.jsf -gmap= richMisc, Google Map, /images/ico_GoogleMap.gif, /images/cn_GoogleMap.gif, RichFacesComponentsLibrary.html#gmap, jbossrichfaces/freezone/docs/tlddoc/rich/gmap.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIGmap.html, /richfaces/gmap.jsf +gmap= richMisc, Google Map, /images/ico_GoogleMap.gif, /images/cn_GoogleMap.gif, RichFacesComponentsLibrary.html#gmap, jbossrichfaces/freezone/docs/tlddoc/rich/gmap.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIGmap.html, /richfaces/gmap.jsf +jQuery= richMisc, jQuery, /images/ico_common.gif, /images/cn_jQuery.gif, RichFacesComponentsLibrary.html#jQuery, jbossrichfaces/freezone/docs/tlddoc/rich/jQuery.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIJQuery.html, /richfaces/jQuery.jsf paint2d= richOutputs, Paint2D, /images/ico_Paint2D.gif, /images/cn_Paint2D.gif, RichFacesComponentsLibrary.html#paint2D, jbossrichfaces/freezone/docs/tlddoc/rich/paint2D.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIPaint2D.html, /richfaces/paint2D.jsf toolBar= richOutputs, Tool Bar, /images/ico_ToolBar.gif, /images/cn_ToolBar.gif, RichFacesComponentsLibrary.html#toolBar, jbossrichfaces/freezone/docs/tlddoc/rich/toolBar.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIToolBar.html, /richfaces/toolBar.jsf toolTip= richOutputs, ToolTip, /images/ico_panel.gif, /images/cn_ToolTip.gif, RichFacesComponentsLibrary.html#toolTip, jbossrichfaces/freezone/docs/tlddoc/rich/toolTip.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIToolTip.html, /richfaces/toolTip.jsf Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/fishEye.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/fishEye.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/fishEye.xhtml 2007-10-16 01:39:55 UTC (rev 3390) @@ -0,0 +1,13 @@ +<ui:composition xmlns="http://www.w3.org/1999/xhtml" + xmlns:ui="http://java.sun.com/jsf/facelets" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:a4j="http://richfaces.org/a4j" + xmlns:rich="http://richfaces.org/rich"> + + <rich:separator lineType="solid" height="1" /> + + // TODO jQuery example + + <rich:separator height="1" style="padding-top:10px" /> +</ui:composition> \ No newline at end of file Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/usage.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/usage.xhtml 2007-10-16 01:39:55 UTC (rev 3390) @@ -0,0 +1,58 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:ui="http://java.sun.com/jsf/facelets" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:a4j="http://richfaces.org/a4j" + xmlns:rich="http://richfaces.org/rich"> + <ui:composition template="/templates/component-sample.xhtml"> + <ui:define name="sample"> + + <p>rich:jQuery integrates jQuery javascript framework into the JavaServer + Faces application. The component allows to apply the styles and behaviors + on the DOM elements, including the result of JSF components rendering, + dynamically. For more information about jQuery framework and its features, + you can read at <a href="http://jquery.com/">http://jquery.com</a> + </p> + <p>Integrated jQuery works is non-conflict with prototype.js library used + widely in the RichFaces library. This means that $() function is delegated + back to the prototype.js. Use jQuery() function instead to refer to the + jQuery objects if needs. Read more about using jQuery with other libraries + at <a href="http://docs.jquery.com/Using_jQuery_with_Other_Libraries"... + http://docs.jquery.com/Using_jQuery_with_Other_Libraries</a> + </p> + + + <div class="sample-container" > + + <ui:include src="/richfaces/jQuery/examples/fishEye.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/jQuery/examples/fishEye.xhtml"/> + </ui:include> + </div> + <p> + rich:jQuery can be used in two major modes: + <ul> + <li> as a once time query applied immediately or on document ready event</li> + <li> as a javascript function that can be invoked from the custom javascript</li> + </ul> + The mode is chosen with timing attribute that can have the following options: + <ul> + <li>immediate - applying the query immediately </li> + <li>onload - applying the query when the document is loaded.</li> + <li>onJScall - applying the query by invoked the javascript function defined with the name attribute</li> + </ul> + </p> + <p> + Defining the name attribute is mandatory in case 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 function name.<br/> + The selector attribute define the object or list of object, the query + defined with the query attribute will be applied to. + </p> + + </ui:define> + + </ui:composition> +</html> \ No newline at end of file Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery.xhtml 2007-10-16 01:39:55 UTC (rev 3390) @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:ui="http://java.sun.com/jsf/facelets" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:rich="http://richfaces.org/rich"> +<ui:composition template="/templates/main.xhtml"> + <ui:define name="title">RichFaces - Open Source Rich JSF Components - jQuery Extension</ui:define> + <ui:define name="body"> + + <rich:tabPanel switchType="server" value="#{componentNavigator.activeTab}" styleClass="top_tab" contentClass="content_tab" headerClass="header_tabs_class" inactiveTabClass="inactive_tab" activeTabClass="active_tab"> + + <rich:tab label="Usage"> + <ui:include src="/richfaces/jQuery/usage.xhtml"/> + </rich:tab> + <ui:include src="/templates/include/tagInfo.xhtml"> + <ui:param name="path" value="rich/jQuery"/> + </ui:include> + </rich:tabPanel> + + </ui:define> +</ui:composition> +</html> Modified: trunk/samples/richfaces-demo/src/main/webapp/templates/main.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/templates/main.xhtml 2007-10-16 00:38:15 UTC (rev 3389) +++ trunk/samples/richfaces-demo/src/main/webapp/templates/main.xhtml 2007-10-16 01:39:55 UTC (rev 3390) @@ -12,11 +12,12 @@ <ui:insert name="title"/> </title> <link rel="STYLESHEET" type="text/css" href="${facesContext.externalContext.requestContextPath}/css/common.css"/> + <ui:include src="/templates/include/dynamic-css.xhtml" /> </head> <body> -<span style="display:none">${a4j.version}</span> + <ui:include src="/templates/include/header.xhtml" /> <table class="left_menu" cellpadding="0" cellspacing="0" border="0"> <tbody> @@ -44,35 +45,18 @@ <td width="100%" class="content_container_pdddings"> <!-- tabpanel begin --> <ui:insert name="body">Body</ui:insert> -<!-- tabpanel end --> +<!-- tabpanel end --> + <rich:spacer style="height:10px;" /> + <rich:separator style="height:1px" /> + <div style="font-size:10px;float:right">${a4j.version}</div> + <div style="font-size:10px;float:none"> + <a href="http://jboss.com/index.html?module=bb&amp;op=viewtopic&... + style="color:#000">RichFaces. Most Important Links</a> + </div> </td> </tr> </tbody> </table> - <a4j:log hotkey="M"/> + </body> </html> -<!-- -<table style="height: 100%; width: 100%"> - <tr> - <td colspan="2" style="height: 50px"> - </td> - </tr> - <tr> - <td style="width: 200px; padding:2px; vertical-align:top"> - <rich:panel style="height:95%;"> - <ui:include src="/templates/include/components-navigation.xhtml" /> - </rich:panel> - </td> - <td style="padding:2px; vertical-align:top"> - </td> - </tr> - <tr> - <td colspan="2" style="height:50px"> - <ui:include src="/templates/include/footer.xhtml" /> - </td> - </tr> -</table> -</body> -</html> ---> \ No newline at end of file