Généraliser une action sur une page entière

Version imprimable

05/06/2007, 13h02
fredodi

Généraliser une action sur une page entière

Bonjour,

Lorsque je crée un formulaire, j'ajoute toujours ce morceau de javascript dans la balise <form> :

onSubmit="post.disabled='true';"

Ceci permet au bouton de validation (post) d'être désactivé à la soumission du formulaire.

Ma question est donc simple, je voudrais savoir s'il existe un moyen de faire cela avec un script en "haut de page" sans avoir à placer mon code dans chaque balise <form>.

Merci.

Bonjour,
ce fonctionnement risque de t'enlèver de la souplesse dans la gestion de tes pages, mais bon ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function MajForm() {
var tabForms = document.getElementsByTagName("form");
for (i=0; i<tabForms.length; i++)
tabForms[i].onsubmit = function() {MajSubmit();};
}
MajSubmit() {
var tabSubmit = document.getElementsByTagName("input");
for (i=0; i<tabSubmit.length; i++)
tabSubmit[i].disabled = (tabSubmit[i].type=="submit")?true:tabSubmit[i].disabled;
}
</script>
</head>
<body onload="MajForm();">
...

Pas testé :mrgreen:

A+

Un petite adaptation pour ne cibler que le form soumis (la VO désactive les submit de tous les forms de la page).
Elle nécessite de donner un ID à chaque <form> ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function MajForm() {
var tabForms = document.getElementsByTagName("form");
for (i=0; i<tabForms.length; i++)
tabForms[i].onsubmit = function() {MajSubmit(this.id);};
}
MajSubmit(idForm) {
var tabSubmit = document.getElementById(idForm).getElementsByTagName("input");
for (i=0; i<tabSubmit.length; i++)
tabSubmit[i].disabled = (tabSubmit[i].type=="submit")?true:tabSubmit[i].disabled;
}
</script>
</head>
<body onload="MajForm();">
...

A+