[richfaces-svn-commits] JBoss Rich Faces SVN: r9095 - trunk/test-applications/jsp/src/main/webapp/ModalPanel.

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

Author: mvitenkov
Date: 2008-06-18 09:13:23 -0400 (Wed, 18 Jun 2008)
New Revision: 9095

Modified:
   trunk/test-applications/jsp/src/main/webapp/ModalPanel/ModalPanel.jsp
Log:
show & hide JS API with rich:componentControl

Modified: trunk/test-applications/jsp/src/main/webapp/ModalPanel/ModalPanel.jsp
===================================================================
--- trunk/test-applications/jsp/src/main/webapp/ModalPanel/ModalPanel.jsp	2008-06-18 11:29:15 UTC (rev 9094)
+++ trunk/test-applications/jsp/src/main/webapp/ModalPanel/ModalPanel.jsp	2008-06-18 13:13:23 UTC (rev 9095)
@@ -2,6 +2,12 @@
 <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
 <%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
 <%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
+<style>
+.rich-mpnl-mask-div{
+    background-color:#fae6b0;
+}
+</style>
+
 <!-- %@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%-->
 
 <f:subview id="modalPanelSubviewID">
@@ -32,7 +38,7 @@
 		onmaskmouseout="#{event.onmaskmouseout}"
 		onmaskmouseover="#{event.onmaskmouseover}"
 		onmaskmouseup="#{event.onmaskmouseup}" onmove="#{event.onmove}"
-		onresize="#{event.onresize}" onshow="#{event.onshow}"
+		onresize="#{event.onresize}" onshow="#{event.onshow}"		
 		>
 		<f:facet name="header">
 			<h:outputText value="Heder goes here..." />
@@ -190,13 +196,25 @@
 		<br />
 	</f:verbatim>
 
-	<h:graphicImage value="/pics/info.gif"
-		onclick="Richfaces.showModalPanel('_panel');" />
+	<h:graphicImage value="/pics/info.gif">
+	<rich:componentControl event="onclick" for="_panel" operation="show"></rich:componentControl>
+	</h:graphicImage>
+	<br/>
+	<br/>
+	<h:graphicImage value="/pics/warn.gif">
+	<
+	</h:graphicImage>
 	<f:verbatim>
 		<br />
 		<br />
 	</f:verbatim>
-	<div
-		style="position: relative; font-size: 50px; z-index: 2; color: navy">z-index</div>
+	<div id="idDiv1" style="position: relative; font-size: 50px; z-index: 2; color: navy">
+	z-index1
+	<rich:componentControl attachTo="idDiv1" event="onclick" for="modalPanelID" operation="show"></rich:componentControl>
+	</div>
 		<br/>
+		<div id="idDiv2" style="position: relative; font-size: 50px; z-index: 2; color: navy">
+	z-index2
+	<rich:componentControl attachTo="idDiv2" event="onclick" for="modalPanelID" operation="hide"></rich:componentControl>
+	</div>
 </f:subview>