Como eu faço para mostrar uma mensagem na tela ? tipo o thickbox do JQuery ?em richfaces ?
+<f:view contentType="text/html">
+
+
+ <h:form id="f">
+
+ <rex:button id="a" style="color:red" value="The real button Name">
+ <a4j:commandButton />
+ </rex:button>
+
+ <rich:panel id="mb3" style="width:100px;border:1px solid red">Start</rich:panel>
+
+ <cc:componentControl event="onclick" attachTo="mb3" for="mb4" operation="show"/>
+
+
+ <rex:button id="mb4" onclick="aaa()" value="Show Box" />
+
+
+ </h:form>
+
+
+
+
+ <rich:modalPanel id="dd">
+ <h:outputText value="hello" />
+ </rich:modalPanel>
+
+ <script>
+ jQuery('#f\\:mb4')[0].component = {};
+ jQuery('#f\\:mb4')[0].component.show = function(event, params) {
+ jQuery('#f\\:mb4').click();
+ }
+ </script>
+
+ <button onclick="upup()">UpUp</button>
+
+
+
+
+ <div id="ddd" style="position:absolute;top:400px;right:200px; border:1px solid green;width:100px">x</div>
+ <div id="ddd2" style="position:absolute;top:800px;right:700px; border:1px solid green;width:100px">x</div>
+
+ <div id="d:e">
+ <script type="text/javascript">
+ window.$pardiv = Ext.get('d:e').dom;
+ $pardiv.messageBox = new Object();
+ $pardiv.messageBox.show = function(anim) {
+ Ext.MessageBox.show({
+ title: 'Address',
+ msg: 'Please enter your address:',
+ width:300,
+ modal:true,
+ multiline:16,
+ buttons: {ok:'foo', cancel:'bar'},
+ animEl: anim || 'ddd2'
+ });
+ };
+ function aaa(par) {
+ Ext.get('d:e').dom.messageBox.show(par);
+ }
+ </script>
+
+ </div>
+
+
+
+
+</f:view>
+</ui:composition>
