[richfaces-svn-commits] JBoss Rich Faces SVN: r14325 - branches/community/3.3.X/test-applications/richfaces-docs/web/src/main/webapp.

[richfaces-svn-commits at lists.jboss.org]

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>