IE 6, submit et disabled

Mémo : Lorsque vous voulez faire en sorte de désactiver le bouton submit d'un formulaire lorsque celui-ci a été cliqué, n'oubliez pas que sous ie6, cela annule la soumission du formulaire. Tous les codes ci-dessous sont concernés.

// Code exécuté au chargement de la page
document.getElementById( 'id_du_bouton_submit' ).onclick = function() {
this.value = 'Processing ...';
this.disabled = !this.disabled;
}

Et :

// Code exécuté au chargement de la page
document.getElementById( 'id_du_bouton_submit' ).onclick = function() {
this.value = 'Processing ...';
this.disabled = !this.disabled;
return true;
}

Et même :

<input type="submit" id="id_du_bouton_submit" name="jolie_bouton_submit" value="soumettre" onclick="this.disabled = !this.disabled; return true;" /> 

Inutile de tester avec jQuery(et avec bind), le résultat sera le même. Voilà c'est dit.

Commentaires

[#1] Commentaire rédigé le Lundi 04 Juin 2007 à 18:07 par Groumphy

Hmm, super

Par contre j'ai pu lire récemment un article sur le Javascript non intrusif et la création d'un fonction AddEvent() !

Faudrais essayer de l'appliquer sur cela aussi...

Cela devrait être un style :
[code]
function addEvent(obj, evType, fn){
if (obj.addEventListener){
obj.addEventListener(evType, fn, false);
return true;
} else if (obj.attachEvent){
var r = obj.attachEvent("on"+evType, fn);
return r;
} else {
return false;
}
}
[/code]

On charge les événements :
[code]
addEvent(submit, 'click', fonction_du_submit);
[/code]

As-tu déjà pu tester une chose pareille ??

G.

---

[#2] Commentaire rédigé le Lundi 04 Juin 2007 à 18:37 par Thanh

Yep Groumphy, les deux fonctions citées sont dans un fichier externe et appelées lors du window.onload. J'ai également essayé avec jQuery (bind) qui permet de faire le addEvent, pas mieux : c'est sans issue

---

[#3] Commentaire rédigé le Lundi 04 Juin 2007 à 19:35 par loïc m.

Y a pas à dire, on est gâté avec IE
Luv' dev web... mais pas quand faut passer aux débugs IE

---

[#4] Commentaire rédigé le Lundi 04 Juin 2007 à 19:45 par soso

Déjà eu le problème, on voulait récupérer la valeur du bouton submit cliqué (oui dans le cas où on a plusieurs boutons submit quoi)...
Ben ta solution a l'air pas mal !

Mais nous, on avait submitté le formulaire avec un
myForm.submit();
(et pour ce qui est de récupérer le bouton cliqué, on a dynamiquement regénéré l'URL de la propriété action du formulaire)

---

[#5] Commentaire rédigé le Mercredi 04 Juillet 2007 à 19:14 par Oncle Tom

Sauf si tu valides le formulaire avant de désactiver le bouton avec un this.form.submit(); par exemple

---

[#6] Commentaire rédigé le Lundi 09 Juillet 2007 à 15:06 par Philippe

Bonjour,

Je suis en train de développer un outil web où j'aimerais désactiver un bouton après l'avoir clické. J'ai beau mettre disabled="true" pour ce bouton, juste pour tester, mais le bouton n'est réellement désactivé que sur Firefox et non sur IE ; en voici le code html :
<button type="button" id="des_ouvrir[1]" disabled="true"> Détails </button>

Merci de m'aider.

---

Trackbacks

Pisteurs vers ce billet (trackbacks entrant)

Il n'y a pas encore de pisteurs pour ce billet.

Pistés par ce billet (trackbacks sortant)

Il n'y a pas encore de pisteurs effectué par ce billet.