Discussion :

[keaton7]

Bonjour,

J'ai ecris une petite fonciton javascript mais j'ai un soucis dans le traitement du formulaire. En effet, document.nomFormulaire cherche le formulaire portant le nom "nomFormulaire" au lieu de lire le contenu de la variable (qui contient le vrai nom du formulaire). Comment explique a Javascript que ce nom contient la vrai chaine ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
function verificationGlobale(nomFormulaire,tabChamps) {
 
	for (var i=0;i<tabChamps.length;i++) {
 
		//alert(tabChamps[i][0])
 
		verificationChamp(document.nomFormulaire.tabChamps[i][0],tabChamps[i][1])
 
	}
 
}

[grafik.muzik]

Il suffit d'utiliser

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById(nomFormulaire)

plutôt que

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.nomFormulaire

Tu nous diras si ça fonctionne

[Bovino]

Ou sinon :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.forms[nomFormulaire]...

[keaton7]

Bonjour,

En fait, grafik.muzik, je n'utilise pas getElementById dans mon script parce que je prefere utiliser les fonctions dediees aux formulaires dans mes traitements de formulaires, une facon de ne pas melanger les torchons et les serviettes ...

Bovino, ta solution fonctionne sur le premier terme (l'objet de ma questions), j'ignorais que tous les forms etaient contenus dans un tableau, c'est note !

Le soucis se pose sur le terme suivant maintenant a savoir l'element de formulaire (un champ input).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.forms[nomFormulaire].tabChamps[i][0]

Cette ligne me renvoi l'erreur tabChamp (tableau contenant des tableaux de noms d'elements) non defini, existe-t-il une ruse de language pour faire prendre en compte cet element egalement ?

[DoubleU]

Autant pour le nom du formulaire tu peux passer par ta syntaxe, autant pour les champs à l'intérieur de celui ci, tu ferais mieux de passer par getElementById pour la simple raison que si un jour tu dois rajouter un champ dans ton formulaire, ca va décaler tous tes indices et tu devras les modifier dans toutes tes fonctions.

[keaton7]

Je ne comprend pas bien le rapport avec les indices. En fait ma fonction prend en entree un tableau de type :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

new Array(nomChamp,typeChamp)

typeChamp est utile pour la verification du type (telephone, mail, date, etc ...)

J'appelle ma fonction avec la commande suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script>verificationGlobale('monFormulaire',new Array(new Array('nom','texte'),new Array('telephone','telephone')))</script>

Et ma fonction est la suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
function verificationGlobale(nomFormulaire,tabChamps) {
 
	for (var i=0;i<tabChamps.length;i++) {
 
		//alert(tabChamps[i][0])
 
		verificationChamp(document.forms[nomFormulaire].tabChamps[i][0],tabChamps[i][1])
 
	}
 
}

Il n'y a pas de decalage possible puisque ma boucle lis tous les elements et les appelle par leur nom.

Ma question porte donc simplement sur la lecture de tabChamp[i][0], contenant le nom de l'element courant.

[franculo_caoulene]

En quoi tabChamps est une propriété de form? Là est ton erreur.
Dans ta façon de faire, tu ne peux accéder aux éléments de ton formulaires qu'en passant par la collection form.elements donc les éléments ne sont accessible que par indice et non par nom.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
for (var i=0;i<document.getElementById(nomFormulaire).elements;i++) {
   if (document.getElementById(nomFormulaire).elements[i]=="nom" || document.getElementById(nomFormulaire).elements[i]=="telephone") {	
      verificationChamp(bla, bla);
   }	
}

Code facilement améliorable, c'est juste pour donner une idée.

[keaton7]

Imaginons que j'ai un champ nomme noTelephone qui doit contenir un numero de telephone.

j'initialise un tableau contenant le nom du champ et son type :
new Array('noTelephone','telephone')

Ensuite, dans ma fonction, j'utilise en entree un tableau contenant tous les tableaux de champs (telephone et les autres).

L'objectif est de generer pour chaque element un ligne du type :
verificatioChamp(document.monFormulaire.noTelephone).
verificatioChamp(document.monFormulaire.adresseMail).
...

pour ce faire, ma fonction utilise les elements fournis en entree, a savoir le nom du formulaire, que l'on retrouve grace a nomFormulaire et forms[nomFormulaire].

Reste a generer la deuxieme partie de la ligne noTelephone en remplacant par la valeur de tabChamp[i][0] ou i est l'element courant (le tableau (noTelephone,telephone)) et 0 son premier element (noTelephone).

Je ne comprend pas pourquoi c'est impossible ... En effet, tabChamp n'est pas une propriete de mon formulaire, et ma question porte sur le fait de remplacer tabChamp[i][0] par sa valeur pour que la ligne ai un sens.

[franculo_caoulene]

Fais deux boucles, une qui parcoures les éléments du formulaire et une qui parcours ton tableau.

[Matthieu2000]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.forms[nomFormulaire].elements[tabChamps[i][0]]

[franculo_caoulene]

Bon je me rhabille...

[keaton7]

Super,

La solution proposee par Matthieu2000 est celle que je cherchais. Le script fonctionne.

Merci quand meme franculo_caoulene pour tes pistes de recherche.

Sujet resolu ^^.



Matt