Author: adubovsky
Date: 2008-07-17 04:07:38 -0400 (Thu, 17 Jul 2008)
New Revision: 9645
Modified:
trunk/test-applications/facelets/src/main/webapp/ModalPanel/ModalPanel.xhtml
Log:
changes in modalPanel (problem with Safari was fixed)
Modified: trunk/test-applications/facelets/src/main/webapp/ModalPanel/ModalPanel.xhtml
===================================================================
---
trunk/test-applications/facelets/src/main/webapp/ModalPanel/ModalPanel.xhtml 2008-07-17
08:01:23 UTC (rev 9644)
+++
trunk/test-applications/facelets/src/main/webapp/ModalPanel/ModalPanel.xhtml 2008-07-17
08:07:38 UTC (rev 9645)
@@ -1,22 +1,9 @@
-<!-- %@ taglib
uri="http://java.sun.com/jstl/core"
prefix="c"%-->
-
<f:subview
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:rich="http://richfaces.org/rich" id="modalPanelSubviewID">
- <script type="text/javascript">
- function multiply(height,width){
- var tbody = document.getElementById('tbodyID');
- var trs = tbody.getElementsByTagName('TR');
- var y = parseInt(height);
- var x = parseInt(width);
- trs[1].innerHTML = 'modalPanel\'s size: ' + x + 'x' +y + '
px*px';
- return false;
- }
- </script>
-
<rich:modalPanel id="modalPanelID"
binding="#{modalPanel.htmlModalPanel}"
visualOptions="#{modalPanel.visualOptions}"
left="#{modalPanel.left}"
@@ -39,7 +26,8 @@
onmaskmousemove="#{event.onmaskmousemove}"
onmaskmouseout="#{event.onmaskmouseout}"
onmaskmouseover="#{event.onmaskmouseover}"
- onmaskmouseup="#{event.onmaskmouseup}" onmove="#{event.onmove}"
+ onmaskmouseup="#{event.onmaskmouseup}"
+ onmove="#{event.onmove}"
onresize="#{event.onresize}" onshow="#{event.onshow}"
onbeforehide="#{event.onbeforehide}"
onbeforeshow="#{event.onbeforeshow}" >
@@ -50,71 +38,39 @@
<h:graphicImage
value="/pics/error.gif" onclick="Richfaces.hideModalPanel('modalPanelID');
return false;" />
</f:facet>
- <div style="FONT-WEIGHT: bold;">rich:findComponent</div>
- <h:panelGrid columns="2" id="findComponentID">
- <tbody id="tbodyID">
- <tr>
- <td>
- <a4j:commandLink value="getSize" reRender="findID"
onclick="javascript:multiply(#('formID:modalPanelSubviewID:modalPanelID').component.height},#('formID:modalPanelSubviewID:modalPanelID').component.width});"></a4j:commandLink>
- </td>
- </tr>
- <tr>
- <td>
- <h:outputText/>
- </td>
- </tr>
- </tbody>
- </h:panelGrid>
- <br />
- <h:outputText value="This is Modal Panel example"
styleClass="text1" />
- <h:selectOneMenu value="#{richBean.srcContainer}"
onchange="submit();">
+ <h:outputText value="This is Modal Panel example" />
+ <h:selectOneMenu value="#{richBean.srcContainer}" >
<f:selectItems value="#{richBean.listContainer}" />
</h:selectOneMenu>
<h:inputText value="#{modalPanel.inputTextTest}" />
<h:selectOneListbox value="#{modalPanel.selectOneListboxTest}">
- <f:selectItem itemLabel="1" itemValue="1" />
- <f:selectItem itemLabel="2" itemValue="2" />
- <f:selectItem itemLabel="3" itemValue="3" />
+ <f:selectItem itemLabel="item 1" itemValue="item 1" />
+ <f:selectItem itemLabel="item 2" itemValue="item 2" />
+ <f:selectItem itemLabel="item 3" itemValue="item 3" />
</h:selectOneListbox>
<f:verbatim><br /><br /></f:verbatim>
<rich:spacer width="20" height="20"></rich:spacer>
- <a4j:commandButton value="submit"
onclick="submit"></a4j:commandButton>
- <h:outputLink
value="http://www.jboss.com/"><f:verbatim>Link</f:v...
+ <h:outputLink
value="http://localhost:8080/facelets"><f:verbatim>http://localhost:8080/facelets/</f:verbatim></h:outputLink>
<f:verbatim><br /><br /></f:verbatim>
<a4j:commandLink
onclick="Richfaces.showModalPanel('modalPanel2ID');return false;"
value="show ModalPanel 2"></a4j:commandLink>
<f:verbatim><br /><br /></f:verbatim>
<h:outputLink onclick="Richfaces.hideModalPanel('modalPanelID');return
false;" ><f:verbatim>Close</f:verbatim></h:outputLink>
</rich:modalPanel>
-
- <rich:modalPanel id="modalPanel2ID"
- visualOptions="#{modalPanel.visualOptions}"
- left="#{modalPanel.left}" top="#{modalPanel.top}"
- minHeight="#{modalPanel.minHeight}" minWidth="#{modalPanel.minWidth}"
- moveable="true" resizeable="false"
- keepVisualState="#{modalPanel.keepVisualState}"
- rendered="#{modalPanel.rendered}" zindex="#{modalPanel.zindex}"
- autosized="true"
- shadowDepth="#{modalPanel.shadowDepth}"
- shadowOpacity="#{modalPanel.shadowOpacity}"
- showWhenRendered="#{modalPanel.showWhenRendered}" >
+
+ <rich:modalPanel id="modalPanel2ID" autosized="true"
resizeable="false">
<br />
<h:inputText value="input"></h:inputText>
<br />
<h:outputLink onclick="Richfaces.hideModalPanel('modalPanel2ID');return
false;" ><f:verbatim>Close</f:verbatim></h:outputLink>
- <rich:pickList id="pickListID" >
- <f:selectItem itemValue="selectItem 0" itemLabel="selectItem 0"
/>
- <f:selectItem itemValue="selectItem 1" itemLabel="selectItem 1"
/>
- <f:selectItem itemValue="selectItem 2" itemLabel="selectItem 2"
/>
-
- </rich:pickList>
- <br />
- <a4j:commandButton reRender="pickListTargetID" value="refresh
target"></a4j:commandButton>
+
+
+
</rich:modalPanel>
-
- <rich:modalPanel id="modalPanel3ID" minHeight="100"
minWidth="200" moveable="true">
+
+ <rich:modalPanel id="modalPanel3ID" minHeight="100"
minWidth="200" moveable="true" resizeable="false"
autosized="true">
<f:facet name="header">
<h:outputText value="Events..." />
</f:facet>
@@ -133,7 +89,9 @@
<h:graphicImage value="/pics/info.gif">
<rich:componentControl event="onclick" for="modalPanel3ID"
operation="show"></rich:componentControl>
</h:graphicImage>
- <f:verbatim><br /><br /></f:verbatim>
- <div id="idDiv1" style="position: relative; font-size: 50px; z-index:
2; color: navy" >z-index1</div>
- <div id="idDiv2" style="position: relative; font-size: 50px; z-index:
2; color: navy">z-index2</div>
+ <f:verbatim>
+ <br /><br />
+ <div id="idDiv1" align="center" style="position: relative;
font-size: 50px; z-index: 2; color: navy" >z-index1</div>
+ <div id="idDiv2" align="center" style="position: relative;
font-size: 50px; z-index: 2; color: navy">z-index2</div>
+ </f:verbatim>
</f:subview>