Ciao a tutti.

E' il mio primo post è colgo l'occasione per salutare tutta la community
Sto sviluppando una piccola web application in JSF con netbean6, VWP e i componenti Woodstock.
In una pagina vorrei fare in modo che cliccando un bottone appaia un form di inserimento dati (label e textField dentro un panelGroup)
Ho provato con i componenti ajaxZone e ajaxTransaction ma non funzionano, probabilmente a causa di questo bug
Non ho una gran conoscenza di javascript e guardando gli esempi ho scritto sta roba che naturalmente non funziona (anche con alcune modifiche).

questo è il page1.jsp
codice:
<jsp:root version="2.1" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:webuijsf="http://www.sun.com/webui/webuijsf">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <webuijsf:page binding="#{Page1.page1}" id="page1">
            <webuijsf:html binding="#{Page1.html1}" id="html1">
                <webuijsf:head binding="#{Page1.head1}" id="head1">
                    <webuijsf:link binding="#{Page1.link1}" id="link1" url="/resources/stylesheet.css"/>
                    <f:verbatim><![CDATA[
                        <script type="text/javascript">                            
                            function showPanel(b) {
                                var panel = document.getElementById('form1:groupPanel1');
                                panel.setProps({visible: b});
                                var hidden = document.getElementById('form1:hiddenField1');
                                if (b)
                                    hidden.setProps({value: 'true'});
                                else
                                    hidden.setProps({value: 'false'});
                            }                        
                        </script>
                        ]]></f:verbatim>
                </webuijsf:head>
                <webuijsf:body binding="#{Page1.body1}" id="body1" style="-rave-layout: grid">
                    <webuijsf:form binding="#{Page1.form1}" id="form1">
                        <webuijsf:panelGroup binding="#{Page1.groupPanel1}" id="groupPanel1" style="position: absolute; left: 72px; top: 96px" visible="#{Page1.showPanel}">
                            <h:panelGrid binding="#{Page1.gridPanel1}" columns="2" id="gridPanel1">
                                <webuijsf:label binding="#{Page1.label1}" id="label1" text="Label"/>
                                <webuijsf:textField binding="#{Page1.textField1}" id="textField1"/>
                            </h:panelGrid>
                        </webuijsf:panelGroup>
                        <webuijsf:button binding="#{Page1.button1}" id="button1" onClick="javascript:
                        showPanel('true');
                        return false;"
                            style="position: absolute; left: 96px; top: 24px" text="show"/>
                        <webuijsf:hiddenField binding="#{Page1.hiddenField1}" id="hiddenField1" text="#{Page1.showPanel}"/>
                        <webuijsf:button binding="#{Page1.button2}" id="button2" onClick="javascript:
                        showPanel('false');
                        return false;"
                        style="position: absolute; left: 192px; top: 24px" text="hide"/>                
                    </webuijsf:form>
                </webuijsf:body>
            </webuijsf:html>
        </webuijsf:page>
    </f:view>
... è questa è la proprietà che ho aggiunto al backbean

codice:
public class Page1 extends AbstractPageBean {
...
private boolean showPanel = false;
public boolean isShowPanel() {
        return showPanel;
    }

    public void setShowPanel(boolean showPanel) {
        this.showPanel = showPanel;
    }
...
}
Quando clicko uno dei bottoni viene fatto un submit della pagina e viene ricaricata senza modifiche.

Qualche idea??
Grazie in anticipo per l'attenzione.