[richfaces-svn-commits] JBoss Rich Faces SVN: r7306 - in trunk/samples/richfaces-demo/src/main/webapp/richfaces: jQuery/examples and 1 other directories.

Author: dsvyatobatsko Date: 2008-03-27 11:34:26 -0400 (Thu, 27 Mar 2008) New Revision: 7306 Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/fishEye.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/zebra.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/virtualEarth/usage.xhtml Log: Demo site: jQuery, VirtualEarth demos layout correction Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/fishEye.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/fishEye.xhtml 2008-03-27 14:56:16 UTC (rev 7305) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/fishEye.xhtml 2008-03-27 15:34:26 UTC (rev 7306) @@ -19,12 +19,8 @@ </style> - <rich:separator lineType="solid" height="1" /> - <h:outputText value="This demo shows how to attach the mouseover/mouseout events to the - DOM objects. However the images below show how to make them enlarged." /> - - <rich:separator lineType="solid" height="1" style="padding-bottom:10px;" /> - + <br/> + <a4j:outputPanel id="gallery"> <h:graphicImage value="/richfaces/jQuery/images/pic1.jpg" /> <h:graphicImage value="/richfaces/jQuery/images/pic2.jpg" /> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/zebra.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/zebra.xhtml 2008-03-27 14:56:16 UTC (rev 7305) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/zebra.xhtml 2008-03-27 15:34:26 UTC (rev 7306) @@ -17,14 +17,7 @@ } </style> - - - <rich:separator lineType="solid" height="1" /> - - <h:outputText value="This demo shows how just four rich:jQuery queries allow to - add zebra-style to a table and highlight rows under the mouse cursor." /> - - + <br/> <rich:dataTable width="483" id="carList" rows="15" value="#{dataTableScrollerBean.allCars}" var="category"> <f:facet name="header"> @@ -57,7 +50,5 @@ query="mouseover(function(){jQuery(this).addClass('active-row')})"/> <rich:jQuery selector="#carList tr" query="mouseout(function(){jQuery(this).removeClass('active-row')})"/> - - - <rich:separator height="1" style="padding-top:10px" /> + <br/> </ui:composition> \ No newline at end of file Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/usage.xhtml 2008-03-27 14:56:16 UTC (rev 7305) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/usage.xhtml 2008-03-27 15:34:26 UTC (rev 7306) @@ -23,13 +23,17 @@ </p> - <div class="sample-container" > - - <ui:include src="/richfaces/jQuery/examples/zebra.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/jQuery/examples/zebra.xhtml"/> - </ui:include> - </div> + <p>This demo shows how just four rich:jQuery queries allow to + add zebra-style to a table and highlight rows under the mouse cursor.</p> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Zebra-styled table with rich:jQuery example</legend> + <div class="sample-container"> + <ui:include src="/richfaces/jQuery/examples/zebra.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/jQuery/examples/zebra.xhtml"/> + </ui:include> + </div> + </fieldset> <p> rich:jQuery can be used in two major modes: <ul> @@ -51,15 +55,18 @@ The selector attribute defines an object or list of objects, the query defined with the query attribute will be applied to. </p> - <div class="sample-container" > + <p>This demo shows how to attach the mouseover/mouseout events to the + DOM objects. However the images below show how to make them enlarged.</p> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Fisheye effect with rich:jQuery example</legend> + <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> + </fieldset> - <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> - - </ui:define> </ui:composition> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/virtualEarth/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/virtualEarth/usage.xhtml 2008-03-27 14:56:16 UTC (rev 7305) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/virtualEarth/usage.xhtml 2008-03-27 15:34:26 UTC (rev 7306) @@ -25,15 +25,17 @@ </li> </ul> </p> - <div class="sample-container" > - <ui:include src="/richfaces/virtualEarth/examples/placeToGo.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/virtualEarth/examples/placeToGo.xhtml"/> - </ui:include> - - </div> - + <fieldset class="demo_fieldset"> + <legend class="demo_legend">VirtualEarth example</legend> + <div class="sample-container"> + <ui:include src="/richfaces/virtualEarth/examples/placeToGo.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/virtualEarth/examples/placeToGo.xhtml"/> + </ui:include> + </div> + </fieldset> + <p> <b>var</b> attribute define a javascript variable you can use then as a reference to the map from your custom javascript.