Author: ochikvina Date: 2009-05-26 08:04:17 -0400 (Tue, 26 May 2009) New Revision: 14325 Added: branches/community/3.3.X/test-applications/richfaces-docs/web/src/main/webapp/jQuery.xhtml Log: https://jira.jboss.org/jira/browse/RF-7016 Added: branches/community/3.3.X/test-applications/richfaces-docs/web/src/main/webapp/jQuery.xhtml =================================================================== --- branches/community/3.3.X/test-applications/richfaces-docs/web/src/main/webapp/jQuery.xhtml (rev 0) +++ branches/community/3.3.X/test-applications/richfaces-docs/web/src/main/webapp/jQuery.xhtml 2009-05-26 12:04:17 UTC (rev 14325) @@ -0,0 +1,37 @@ +<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<ui:composition xmlns="http://www.w3.org/1999/xhtml" + xmlns:s="http://jboss.com/products/seam/taglib" + xmlns:ui="http://java.sun.com/jsf/facelets" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:rich="http://richfaces.org/rich" + template="layout/template.xhtml"> + + <ui:define name="body"> + + <h:messages globalOnly="true" styleClass="message"/> + + <rich:panel> + <f:facet name="header">rich:jQuery</f:facet> + + <h:panelGrid columns="1" columnClasses="cent"> + <h:panelGroup id="picture1"> + <h:graphicImage width="50" value="/img/jQuery/dog1.jpg" + onmouseover="enlargePic(this, {pwidth:'200px'})" onmouseout="releasePic(this)" /> + </h:panelGroup> + </h:panelGrid> + + <h:panelGrid columns="1" columnClasses="cent"> + <h:panelGroup id="picture2"> + <h:graphicImage width="50" value="/img/jQuery/dog2.jpg" + onmouseover="enlargePic(this, {pwidth:'200px'})" onmouseout="releasePic(this)" /> + </h:panelGroup> + </h:panelGrid> + + <rich:jQuery name="enlargePic" timing="onJScall" query="animate({width:param.pwidth})" /> + <rich:jQuery name="releasePic" timing="onJScall" query="animate({width:'50px'})"/> + </rich:panel> + + </ui:define> +</ui:composition>