Discussion :

[ng.phung]

bonjour,

j'aimerais savoir si quelqu'un parmi vous sait comment on peut changer le curseur de la souris en JSF.
Ce que j'aimerais c'est mettre un sablier lorsqu'on clique sur un bouton. Le sablier permet d'informer l'utilisateur que l'action est en train d'être effectuée.

Voici on code:

Code :

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

1
2
3
4
5
 
<a4j:commandButton id="bouton_rechercher"
                             image="/image/BoutonRechercher.gif"
                             action="#{cptBackBean.search}"
  			     reRender="datatable,nb_panelgrid"/>

J'aimerais avoir sur l'évènement onclick, un changement de la souris.
En gros j'aimerais avoir un code comme ça:

Code :

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

1
2
3
4
5
6
 
<a4j:commandButton id="bouton_rechercher"
                             image="/image/BoutonRechercher.gif"
                             onclick="action javascript pour changer la souris"
                             action="#{cptBackBean.search}"
  			     reRender="datatable,nb_panelgrid"/>

Est-ce possible?


Merci d'avance

[tchize_]

Le curseur de souris, dans les page web, se controle via la propriété "cursor" des stylesheet. L'ennui c'est que si tu veux changer çà, faut préciser sur quel bloc html tu veux le faire et c'est uniquement quand le curseur de la souris sera au dessus que le sablier apparaitra. tu peux essayer sur le body, mais généralement on se contente de changer le text du bouton en "veuillez patienter", plus claire et facile :p

[romaintaz]

Comme le dit tchize, il faut changer le CSS en "cursor: wait".
Comme tu utilises RichFaces, tu peux éventuellement tester d'utiliser le <a4j:status> en donnant cette propriété au body...
Sinon, tu peux utiliser aussi ce composant pour faire apparaitre une icone d'attente...
Exemple ici (deuxième démo).
Et si tu veux, il existe des sites (dont un très bien ici) pour créer ta propre icone de chargement...

[ng.phung]

merci pour vos réponses
j'ai utilisé le <a4j:status> et à fonctionne plutôt bien, sauf que l'image gif prend un certain temps avant de se lancer; je suppose que c'est le temps que JSF prend pour rechercher et charger l'image.

merci encore