Author: ayanul
Date: 2007-10-17 15:29:45 -0400 (Wed, 17 Oct 2007)
New Revision: 3430
Added:
trunk/test-applications/facelets/src/main/webapp/jQuery/
trunk/test-applications/facelets/src/main/webapp/jQuery/jQuery.xhtml
Log:
add new component
Added: trunk/test-applications/facelets/src/main/webapp/jQuery/jQuery.xhtml
===================================================================
--- trunk/test-applications/facelets/src/main/webapp/jQuery/jQuery.xhtml
(rev 0)
+++ trunk/test-applications/facelets/src/main/webapp/jQuery/jQuery.xhtml 2007-10-17
19:29:45 UTC (rev 3430)
@@ -0,0 +1,104 @@
+<!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:c="http://java.sun.com/jstl/core"
+
xmlns:rich="http://richfaces.org/rich"
+
xmlns:a4j="http://richfaces.org/a4j">
+<style>
+.divSize_1 {
+ width: 150px;
+ height: 90px;
+ margin: 10px;
+ border: 2px solid #DAA520;
+}
+
+.divColor_1 {
+
+ background-color: #1E90FF;
+}
+
+.divTextSize_1 {
+ font-size: xx-large;
+}
+.divSize_2 {
+ width: 90px;
+ height: 150px;
+ margin: 10px;
+ border: 2px solid #FF0000;
+}
+
+.divColor_2 {
+ background-color: #7FFF00;
+}
+
+.oddTable{
+ background-color: #FFE4C4;
+}
+.activeTable{
+ background-color: #AFEEEE;
+}
+.fontColor {
+ font-style: italic;
+ color: #228B22;
+}
+</style>
+
+
+<f:view contentType="text/html">
+ <body>
+ <h:form id="form">
+
+ <h:panelGrid id="panelGridID" columns="2"
border="1">
+ <h:outputText value="add text: [li],work!, e.g. A. one [li],work!" />
+ <h:panelGroup>
+ <f:verbatim>
+ <ol type="A" title="li">
+ <li>one </li>
+ <li>two </li>
+ <li>three</li>
+ </ol>
+ </f:verbatim>
+ </h:panelGroup>
+
+ <h:outputText value="green text: add text3 " />
+ <f:verbatim> <p><span>Text1 </span>text2</p>
</f:verbatim>
+
+ <h:panelGroup>
+ <h:outputText value="Rectangle: size: "150 x 90"; bgcolor:
"dodgerblue"" />
+ <f:verbatim><br /></f:verbatim>
+ <h:outputText value="Table: bgcolor: "bisque"" />
+ </h:panelGroup>
+ <f:verbatim><div id="div_1_ID">xx-large <br /> text
</div></f:verbatim>
+
+ <h:panelGroup>
+ <h:outputText value="Rectangle: size: "90 x 150"; border-color
"red"" />
+ <f:verbatim><br /></f:verbatim>
+ <h:outputText value="Table: bgcolor: "none"" />
+ <f:verbatim><br /></f:verbatim>
+ <h:outputText value="effect(mouseover)" />
+ </h:panelGroup>
+ <f:verbatim><div id="div_2_ID"> normal
text</div></f:verbatim>
+ </h:panelGrid>
+
+
+ <rich:jQuery selector="li" timing="onload"
query="find('ol').end().append('[li],work!')" />
+
+
+ <rich:jQuery selector="tr:nth-child(odd)" timing="onload"
query="addClass('oddTable')" />
+ <rich:jQuery selector="#panelGridID tr"
query="mouseover(function(){jQuery(this).addClass('activeTable')})"/>
+ <rich:jQuery selector="#panelGridID tr"
query="mouseout(function(){jQuery(this).removeClass('activeTable')})"/>
+
+ <rich:jQuery selector="#div_2_ID" timing="onload"
query="mouseover(function(){jQuery(this).fadeOut({height: 'hide'},
500).text('New text').animate({height: 'show'}, 500)})" />
+ <rich:jQuery selector="p" timing="onload"
query="find('span').html('text1').end().append('<p
class=\'fontColor\'>add text3<p>')"/>
+ <rich:jQuery selector="#div_1_ID" timing="onload"
query="addClass('divSize_1')" />
+ <rich:jQuery selector=".divSize_1" timing="onload"
query="addClass('divColor_1')" />
+ <rich:jQuery selector="#panelGridID #div_1_ID" timing="onload"
query="addClass('divTextSize_1')" />
+ <rich:jQuery selector="#form\\:panelGridID #div_2_ID"
timing="onload" query="addClass('divSize_2')" />
+
+ </h:form>
+ </body>
+</f:view>
+</html>
+