Optimiser un code JavaScript

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Optimiser un code JavaScript

hal777

Bonjour à tous,

je suis débutant dans le Javascript, et je voudrais savoir si je peux alléger le code que j'écrit, car il me semble très long !!!!

J'ai une page HTML dans laquelle j'ai trois champ (input text) dont une partie de leur nom est commun (champ1, champ2, champ3).

Avec un petit script Javascript je fait du controle dans ces champ (les mêmes controles dans les trois champs).

exemple :

Code :

<HTML>
<HEAD> <TITLE>ma page</TITLE>
<SCRIPT language="Javascript" type="text/javascript">
function controle(mon_champ)
{
If (mon_champ == '1') { if (document.formulaire_1.champ_1 >10) {alert("mauvaise valeur";} }
If (mon_champ == '2') { if (document.formulaire_1.champ_2 >10) {alert("mauvaise valeur";}}
If (mon_champ == '3') { if (document.formulaire_1.champ_3 >10) {alert("mauvaise valeur";}}
}
</script>
</HEAD
<BODY>
<FORM name="FORMULAIRE_1">
<INPUT type="TEXT" name="champ_1" onBlur="javascript:controle('1')">
<INPUT type="TEXT" name="champ_2" onBlur="javascript:controle('2')">
<INPUT type="TEXT" name="champ_3" onBlur="javascript:controle('3')">
......
.....
</FORM)
</BODY>
</HTML>

Voilà, tout ça pour dire que je fait le même controle pour trois champ différent ...
N'est t'il pas possible de réduire la longueur du script js comme ceci :

Code :

<SCRIPT language="Javascript" type="text/javascript">
function controle(mon_champ)
{
If (document.formulaire_1.champ_[mon_champ] >10) {alert("mauvaise valeur";} }
}
</script>

Donc, j'ai bien sur testé cette méthode, mais cela ne parche pas ... la varialbe [mon_champ] n'est pas récupéré et j'obtient donc erreur de ce type :
'document.Formulaire_1.mon_champ' à la valeur NULL ou n'est pas un objet

Voilà je ne sais pas comment faire ...

Merci de votre contribution

Publicité

gatsu35

Blablaté par Harko

Même si ton html et ton JS sont d'avant guerre je te repond simplement ceci :

Code :

<INPUT type="TEXT" name="champ_1" onBlur="controle(this)">

et JS :

Code :

function controle(obj) {
if (obj.value>10) alert("mauvaise valeur" );
}

hal777

Salut Gatsu35,

Désolé de poser une question qui va te paraître idiote ... mais :
- que signifie THIS ?
Je vois que cela te permets d'écrire cette ligne de contrôle :
- if (this.value>10) alert("mauvaise valeur" );
mais que vaut this.value ???
Javascript est-il capable de remplacer le 'this' par le nom de l'objet sur lequel j'ai cliqué ?

merci de tes lumières

HAL

gatsu35

Blablaté par Harko

tu passes this en parametre de la fonction
dans la fonction je recupere ce this dans la variable obj

this correspond à l'input et donc obj correspond à cet input

FORUM HardWare.fr

Programmation

HTML/CSS

Optimiser un code JavaScript

Sujets relatifs
Problémes de portée sur un javascript	[Javascript] Problème d'espace et <select> [Résolu]
Parser du code!	Code non validé par le W3C
Charger une page après execution du javascript	Fichier existant javascript
Code source	Plugin Eclipse generation code (Akrogen)
treegrid en html/javascript	Javascript vers ASP.NET
Plus de sujets relatifs à : Optimiser un code JavaScript

Page générée en 0.036 secondes