[ZF1.9.2] désactivation bouton après clic

[vince29]

Bonjour,
Voilà je rencontre un problème avec les personnes "impatientes" avec le mon formulaire. Lors de la validation du formulaire (donc clic sur bouton), un traitement est lancé et met queqlues secondes à répondre et donc rediriger vers la bonne page.

J'aimerais trouver une parade :
- soit désactiver le bouton après le clic
- soirt afficher un popup qui empêcherait le clic, et cette popu se fermerait après le retour du traitement.

Quelle est la meilleure solution ? et comment la mettre en place ?

D'avance merci.
Vince

[van-bom]

Bonjour,
à mon avis en javascript tu peux bien solutionner ton soucis. je ne vois de relation avec Zend Framework

[vince29]

si mon formulaire était créé en HTML directement, effectivement que j'aurai fait un bout de javascript pour le désactiver.
mon problème est que le bouton est un element Zend, donc comment l'intercepter en javascript ?
merci.

[van-bom]

Bonjour ,
(si j'ai bien compris)
lors de la création du formulaire via Zend_Form , tu peux lier (par exemple ) une fonction javascript à l'événement clic du bouton :

Code :

1
2
3
 
		$envoyer = new Zend_Form_Element_Button('envoyer');
		$envoyer->setAttribs(array('onclick'=>'sendMessage()'));

puis dans un fichier javascript ( dans le répertoire public/js/functions.js par exemple ) tu définis la fonction sendMessage() :

Code :

1
2
3
4
5
 
function sendMessage()
{
  //Traitement ....... 
}

dernière étape , est de récupérer la le fichier javascript functions.js ( dans Layout ( si tu utilises )ou dans une vue ) :

Code :

1
2
 
<?php echo $this->headScript()->prependFile('/js/functions.js')?>

donc ( si j'ai bien compris ton soucis ) c'est la solution . dans la fonction sendMessage() tu peux gérer comme tu veux : désactiver le boutton ou autre .....

[vince29]

salut,
finalement, j'ai trouvé une solution, enfin presque :

Code :

1
2
3
$form->addElement('submit', 'submit', array(
            'label' => 'Payer',
            'attribs' => array('onclick' => 'this.disabled=true;return true')))

je dis presque car pour la version locale de mon appli, ça fonctionne, mais pas sur ma version serveur ...

je ne comprends pas pourquoi j'ai une différence de traitement
merci

[vince29]

j'ai un début de solution, il me manquait un ';' après le 'return true'.
ce qui est bizarre, c'est ce code marche sur un formulaire, mais pas l'autre ...