Discussion :

[geeksDeve]

je suis entrain de programmer une pour la réservation de vol en ligne..
j'ai deux cas possible pour la réservation : 1 aller simple , 2 aller retour

je cherche une maniéré de cacher la date de retour et l'heure de retour l’osque je click sur aller simple avec java script ou ajax

1 aller simple
---------------------------------
|¤| aller simple || aller retour

date depart
|_______|__|

heure depar
|_______|__|
---------------------------------

2 aller retour
---------------------------------
| | aller simple |¤| aller retour

date depart date retour
|_______|__| |_______|__|

heure depar heure arriver
|_______|__| |_______|__|
---------------------------------

[romaintaz]

En JavaScript, ce n'est guère compliqué.

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<h:form id="myForm">
    <h:selectOneRadio ... onclick="checkValue(this);">
        <f:selectItem itemLabel="aller" itemValue="aller"/>
        <f:selectItem itemLabel="aller-retour" itemValue="allerRetour"/>
    </h:selectOneRadio>
    ...
    <h:panelGroup id="dateRetour">
        // Date et Heure d'arrivée ici
    </h:panelGroup>
</h:form>

Et le code JS qui va bien. A noter que j'utilise jQuery ici, livré avec Richfaces. Cela reste possible d'utiliser du JavaScript normal si besoin...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
function checkValue(field) {
    if (jQuery(field).val() === "allerRetour") {
        // Valeur choisie "Aller / Retour", on cache...
        jQuery("#myForm\\:retour").hide();
    } else {
        // ...sinon on affiche
        jQuery("#myForm\\:retour").show();
    }
}

[geeksDeve]

Salut et merci pour la réponse :
j'ai essayé mais sa pas marcher, je vois pas l'utilisation de id="dateRetour" et id="heureRetour" dans la fonction......info de plus la date Retour et l'heure de retour sont dans un autre formulaire "form2" et le selectOneRadio dans le formulaire "myForm"

[magellan]

Pour jsf, tu as une solution native nommée "rendered".

Les champs jsf, associés à ce paramètre, peuvent devenir visibles ou non selon des critères côté Bean.

Par exemple:
Tu as côté java:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
private boolean onError = false;
//IMPORTANT: bien mettre getOnError et non isOnError (autogénéré), sinon jsf ne sait pas en tenir compte
public boolean getOnError() {
		return onError;
	}
 
	/**
         * @param onError the onError to set
         */
	public void setOnError(boolean onError) {
		this.onError = onError;
	}
 
//...
 
//Puis tu as à mettre le set:
setOnError(true); // Selon la condition que tu gères en code java

Puis, côté page: (par exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<h:outputText value=" #{TonBeanDeGestion.valeurDuChamp} > " rendered="#{TonBeanDegestion.onError}"/>

[geeksDeve]

Pour jsf, tu as une solution native nommée "rendered".

Les champs jsf, associés à ce paramètre, peuvent devenir visibles ou non selon des critères côté Bean.

Par exemple:
Tu as côté java:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
private boolean onError = false;
//IMPORTANT: bien mettre getOnError et non isOnError (autogénéré), sinon jsf ne sait pas en tenir compte
public boolean getOnError() {
		return onError;
	}
 
	/**
         * @param onError the onError to set
         */
	public void setOnError(boolean onError) {
		this.onError = onError;
	}
 
//...
 
//Puis tu as à mettre le set:
setOnError(true); // Selon la condition que tu gères en code java

Puis, côté page: (par exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<h:outputText value=" #{TonBeanDeGestion.valeurDuChamp} > " rendered="#{TonBeanDegestion.onError}"/>

est comment je cache les composants

[romaintaz]

Pour jsf, tu as une solution native nommée "rendered".

Oui, c'est sûr, sauf qu'au mieux, ça t'oblige à faire un appel Ajax, ce qui n'est pas franchement utile quand tu veux faire un truc aussi simple...

Salut et merci pour la réponse :
j'ai essayé mais sa pas marcher, je vois pas l'utilisation de id="dateRetour" et id="heureRetour" dans la fonction......info de plus la date Retour et l'heure de retour sont dans un autre formulaire "form2" et le selectOneRadio dans le formulaire "myForm"

N'ayant pas ton code sous la main, j'ai montré un exemple. Monte moi le code de ta page, et je te dirais comment adapter ma solution...