désactiver un boutton après clique

Bonjour tout le monde,
j'ai un button sur un formulaire qui me permet d'afficher un rapport sous format pdf ( en utilisant l'api JASPER) et ça marche bien:)
ma question est : comment faire pour désactiver le boutton ( le rendre disabled) lorsque l'utilisateur clique dessus en attendant que le rapport soit affiché et une fois affiché le boutton deviendra actif ( le rendre enabled).
d'avance merci :mouarf:

Avec javascript je pense. Quelque chose du genre

Code:

---

1 2 3 4

function waitForPDF(button) { button.disabled = true; }

---

Lancé sur l'événement onClick du bouton.

Le problème en revanche est de le réactiver après le chargement du PDF. Celui-ci n'étant pas une page HTML, on n'a pas de moyen direct de savoir quand il est chargé. Les moyens détournés que je peux imaginer sont compliqués, incertains et n'offrent aucune garantie de fonctionner sur tous les navigateurs. Le mieux serait de lancer une temporisation dans waitForPDF et de réactiver le bouton après un délai.

Code:

---

1 2 3 4 5

function waitForAWhile(button, duration) { button.disabled = true; setTimeout( 'button.disabled = false' ,duration); }

---

Pour m'être déjà frotté à ce problème, le javascript marche bien théoriquement, mais avec JSF je ne sais pas si c'est facilement réalisable, voici pourquoi :

Lorsqu'on clique sur un bouton, la page envoie dans la requête le nom du bouton , ce qui permettra à JSF de savoir quel bouton a été actionné. Le fait de rendre le bouton "disabled" empêchera d'envoyer sa valeur dans le requête, après-coup il ne se passe absolument rien, sauf que le page est réaffichée.

La seul solution que j'ai trouvé, et qui est, à mon humble avis, finalement la meilleur, c'est d'utiliser un DIV transparent(dont le style est visibility : hidden) qui couvre toute la page, une fois le bouton cliqué une fonction Javascript change le style pour que le DIV soit visible.

Il existe bcp d'exemples sur Internet ....