Attention à vérifier le type des boutons dans une forme Joomla (ou Html)
Exemple
JE veux associer une action particulière à une bouton d'un formulaire.
J'ai défini pour cela une fonction appelée lors du clic
<button onclick="showFacebookPost(jQuery);">
<!--?php echo Text::_('JOFBK_VIEW_POST'); ?-->
</button>
<!--?php echo Text::_('JOFBK_VIEW_POST'); ?-->
</button>
|
Le souci c'est que la méthode par défaut de soumission ("submit") du formulaire est appelée |
Methode pour corriger
- empêcher l'evenement lié au click d'appeler le comportement par défaut
<button onclick="showFacebookPost(jQuery, event);">
<!--?php echo Text::_('JOFBK_VIEW_POST'); ?-->
</button>
function showFacebookPost($, event) {
// empecher le comportement par défaut
event.preventDefault();
console.log('Événement reçu :', event);
// traitement proprement dit
// ...
} - associer au bouton un type "button"
<button type="button" onclick="showFacebookPost(jQuery);">
<!--?php echo Text::_('JOFBK_VIEW_POST'); ?-->
</button>
<!--?php echo Text::_('JOFBK_VIEW_POST'); ?-->
</button>