[Visual Web] [VWP] Comment rendre un champs texte visible après pression sur bouton ?

Version imprimable

07/11/2006, 20h01
DEV-10

[VWP] Comment rendre un champs texte visible après pression sur bouton ?

Bonjour

Ma question a l'air un peu trop facile, mais ce n'est pas le cas pour un débutant.

Avec visuel Web je glisse un textbox et un boutton sur la page web.

Voici ce que je veux :

au démarrage de l'application, le textbox soir invisible, et lorsqu'on click sur le boutton, le textbox devient visible.

est-ce que quelqu'un a une idée ?

Merci.

Un petit exemple:

D'abord la jsp, avec un bouton et un champ text, dont la propriété visible est décochée par défaut.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" 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"/>
                </webuijsf:head>
                <webuijsf:body binding="#{Page1.body1}" id="body1" style="-rave-layout: grid">
                    <webuijsf:form binding="#{Page1.form1}" id="form1">
                        <webuijsf:button actionExpression="#{Page1.button1_action}" binding="#{Page1.button1}" id="button1"
                            style="position: absolute; left: 24px; top: 24px" text="Appuyez ici"/>
                        <webuijsf:staticText binding="#{Page1.staticText1}" id="staticText1" style="left: 120px; top: 24px; position: absolute"
                            text="Vous avez bien appuyé!" visible="false"/>
                    </webuijsf:form>
                </webuijsf:body>
            </webuijsf:html>
        </webuijsf:page>
    </f:view>
</jsp:root>

Sur cette jsp, en mode design j'ai double cliqué sur le bouton, ce qui a créé la méthode button1_action() dans le backing bean, que j'ai rempli comme suit:

Code:

1
2
3
4
5
    public String button1_action() {
        button1.setVisible(false);
        staticText1.setVisible(true);
        return null;
    }

Il n'y a plus qu'à faire "Run Project"! :D

page jsp

lorsque je cré une nouvelle page, voici le code de la page jsp :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="<a href="http://java.sun.com/jsf/core" target="_blank">http://java.sun.com/jsf/core</a>" xmlns:h="<a href="http://java.sun.com/jsf/html" target="_blank">http://java.sun.com/jsf/html</a>" xmlns:jsp="<a href="http://java.sun.com/JSP/Page" target="_blank">http://java.sun.com/JSP/Page</a>" xmlns:ui="<a href="http://www.sun.com/web/ui" target="_blank">http://www.sun.com/web/ui</a>">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <ui:page binding="#{Page2.page1}" id="page1">
            <ui:html binding="#{Page2.html1}" id="html1">
                <ui:head binding="#{Page2.head1}" id="head1">
                    <ui:link binding="#{Page2.link1}" id="link1" url="/resources/stylesheet.css"/>
                </ui:head>
                <ui:body binding="#{Page2.body1}" id="body1" style="-rave-layout: grid">
                    <ui:form binding="#{Page2.form1}" id="form1"/>
                </ui:body>
            </ui:html>
        </ui:page>
    </f:view>
</jsp:root>

ton code à toi est un peut différent car il contient des choses comme <webuijsf....

Lorsque j'insère ton code sur ma page jsp, ça me donne une erreur :

Moi je travaille avec netbeans 5.5 . est-ce que toi aussi ?

rajout de balise code

07/11/2006, 22h37
Valère

Tiens, c'est vrai... je pense que c'est parce que sans faire attention, lorsque j'ai créé mon projet demo j'ai laissé les paramètres par defaut. J'ai donc du JEE5 avec du JSF 1.2 (et en effet lorsque j'ai testé c'est Glassfish qui a été utilisé), à la place de J2EE 1.4 / JSF 1.1 / Tomcat

Mais je pense que tu as saisi le principe. Tu peux utiliser la propriété rendered aussi à la place de visible.
07/11/2006, 23h00
DEV-10

webpack

Citation:

Envoyé par valered

Tiens, c'est vrai... je pense que c'est parce que sans faire attention, lorsque j'ai créé mon projet demo j'ai laissé les paramètres par defaut. J'ai donc du JEE5 avec du JSF 1.2 (et en effet lorsque j'ai testé c'est Glassfish qui a été utilisé), à la place de J2EE 1.4 / JSF 1.1 / Tomcat

Mais je pense que tu as saisi le principe. Tu peux utiliser la propriété rendered aussi à la place de visible.

Ok maintenant ça fonctionne. Merci.
si on veut maitenant écrire une petite fonction dans le head, et l'appeler dans le body, comment on doit procéder ?

y a t-il un événement onload de la page qui existe déjà ou faut-il le créer ?