Passage de parametre à une fonction

Version imprimable

31/07/2012, 16h24
meloo

Passage de parametre à une fonction

Bonjour,
J'ai plusieurs input qui appellent la même fonction javascript.

Est-il possible de connaitre quel est l'input (par son id ou son name) qui a appelé cette fonction a l'intérieur de celle-ci.

Je sais que la solution "habituelle" ou§et "normale" serait de passer cette information en paramètre, mais pour simplifier les choses disons que je ne peux pas !

Merci d'avance pour votre aide,
Meloo

PS : pour information, j'utilise un pluggin qui servant à valider les formulaires mais les fonctions sont appelés à partir de l'attribut class
31/07/2012, 16h25
sekaijin

sans code on ne peux répondre

A+JYT
31/07/2012, 16h35
meloo
Malheureusement, je ne pense pas que mon code va vous aider... Je vous le montre quand même.

Code:

<div class='span-2 last prx'><input type='text' class='prix validate[optional,funcCall[valide_prix_famille],custom[prix_E]]' id='prix_".$num_etiquette."_".$num_ligne."' name='prix_".$num_etiquette."_".$num_ligne."'/></div>

et pour le javascript :
Code:

1 2 3 function valide_prix_famille(){ alert("la case qui a envoyé cette info est "+XXXXXXXXXX); }
où XXX pourrait être le nom ou l'id de la case.

Merci en tout cas sekaijin
31/07/2012, 18h37
Invité

bonjour

utilise le mot clee this
31/07/2012, 21h07
sekaijin

non ce que je demande c'est le code qui fait l'appel
genre

Code:

<... onclick="AppelDeMafonction()" ....>

A+JYT
01/08/2012, 09h05
meloo

Citation:

Envoyé par sekaijin

non ce que je demande c'est le code qui fait l'appel
genre

Code:

<... onclick="AppelDeMafonction()" ....>

A+JYT

En fait, et c'est pour cela que je ne voulais pas montrer le code, l'appel de ma fonction est faite comme ceci : funcCall[valide_prix_famille]

Code:

<div class='span-2 last prx'><input type='text' class='prix validate[optional,funcCall[valide_prix_famille],custom[prix_E]]' id='prix_".$num_etiquette."_".$num_ligne."' name='prix_".$num_etiquette."_".$num_ligne."'/></div>

Sans rentrer dans les détails, je ne peux pas passer de parametre à cette fonction. Je dois donc chercher un autre moyen, comme par exemple connaitre l’élément du formulaire qui l'a appelé.

mekal, le mot de clé "this" ne fonctionne pas dans une fonction normale, si ?

Merci de votre réponse
01/08/2012, 09h26
arnogues
Ce qu'on essaye de te dire et qui est peut-être mal expliqué ou mal présenté, c'est que pour passer en paramètre le <input> dans la fonction, il te suffit simplement de faire comme ceci :
Code:

1 2 <input type="text" onclick="mafonction(this)" id="kikoojesuisuninput">
Et ensuite tu récupères le input depuis un paramètre de cette fonction
Code:

1 2 3 4 function mafonction(moninput) { alert(moninput.id); }
Et pour information,

Code:

funcCall[valide_prix_famille]

Ce n'est pas un appel de fonction, mais une déclaration dans l'attribut "class" qui permet à un script de récupérer des informations et/ou des paramètres afin pour fonctionner à partir de certains paramètres.
Il manque donc certaines informations, comme le script en question qui se greffe à cet input.

Et normalement, si ce script se greffe à l'input de cette manière je suis prêt à parier qu'il pourrait facilement récupérer l'input pour faire son job.

Donc malheureusement il nous manque des informations pour pouvoir continuer à t'aider
01/08/2012, 09h36
SpaceFrog
J'espère que ce tu nous montre est en fait un extrait de ton code php ...
Code:

1 2 class='prix validate[optional,funcCall[valide_prix_famille],custom[prix_E]]' id='prix_".$num_etiquette."_".$num_ligne."' name='prix_".$num_etiquette."_".$num_ligne."'
si tu as ça dans ton html à mon avis tu risques d'avoir quelques soucis ...
01/08/2012, 09h39
meloo
Citation:
Envoyé par SpaceFrog

J'espère que ce tu nous montre est en fait un extrait de ton code php ...

Code:

1 2 class='prix validate[optional,funcCall[valide_prix_famille],custom[prix_E]]' id='prix_".$num_etiquette."_".$num_ligne."' name='prix_".$num_etiquette."_".$num_ligne."'

si tu as ça dans ton html à mon avis tu risques d'avoir quelques soucis ...
:lol: oui oui c'est un extrait du code PHP !
Tout fonctionne bien dans ma page, ma fonction fonctionne bien (si je met un alert je le vois et tout...), c'est juste qu'il me manque "un truc" !!

Mais bon j'ai beau fouiller partout je ne trouve pas de solution... ^^
01/08/2012, 09h47
SpaceFrog

même en php cette syntaxe me semble curieuse ...

Code:

class='prix validate[optional,funcCall[valide_prix_famille],custom[prix_E]]'

montre nous plutot le html généré

Voici une partie du fichier HTML généré

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
		<title>Portail</title>
 
 <!-- Framework CSS -->
    <link rel="stylesheet" href="./blueprint/screen.css" type="text/css" media="screen, projection">
    <link rel="stylesheet" href="./blueprint/print.css" type="text/css" media="print">
	<link rel="stylesheet" href="./portail.css" type="text/css">
 
!-- Framework JQuery -->
	<script type="text/javascript" src="./jquery-1.7.2.min.js"></script>
 
 
	<!-- Framework JQuery Validation Engine -->
		<script src="./jquery_validation_engine/jquery.validationEngine-fr.js" type="text/javascript"></script>
				<script src="./jquery_validation_engine/jquery.validationEngine.js" type="text/javascript"></script>
				<link rel="stylesheet" href="./jquery_validation_engine/css/validationEngine.jquery.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<script type="text/javascript">
// Fonction  qui teste les prix et les produits et lance une erreur si l'un est vide
function valide_prix_famille(){
// Récupération de tous les élements de type select
	var prix = document.getElementsByTagName("input");
	// Pour chacun de ses éléments
	for(var i=0, len=prix.length;i < len; i++){
	// Si sa classe est de type prix
		if(prix[i].className=="prix validate[optional,funcCall[valide_prix_famille],custom[prix_E]]"){
			// lorsque le prix à été modifié
			// $(prix[i]).on('blur', function() {
alert(prix[i].id);
				// var nom_prix 		= this.id.split('_');
				var nom_prix 		= prix[i].id.split('_');
				var num_etiquette	= nom_prix[1];
				var num_ligne		= nom_prix[2];
 
				var $famille 		= $('#familles_' + num_etiquette + '_' + num_ligne);
				var $p 				= $('#prix_' + num_etiquette + '_' + num_ligne);
				var $etiq_vide		= $('#Etiq_vide_' + num_etiquette);
 
				alert($famille.val());
				if ($etiq_vide!='on') {
					if ($p.val()=='Prix' || $p.val()=='') {
						// Si la famille vaut -1, ou est vide alors erreur
						if ($famille.val()=='' || $famille.val() == '-1') {
							alert("Prix vide - Famille vide");
							return true;
						} else {
							alert("Prix vide - Famille selectionnée");
							return false;
						}
					} else {
						if ($famille.val()=='' || $famille.val() == '-1') {
							alert("Prix selectionné - Famille vide");
							return false;
						} else {
							alert("Prix selectionné - Famille selectionnée");
							return true;
						}
					}
				} else {
				alert("ignorer l'etiquette");
					return true;
 
				}
			// });
		}
	}
 
};
</script>
</head>
<body>
<div class="container">
	<div id="page" class="span-19">
		<div id="header">
 
			<a href="./index.php" title="Portail Magasin"><span id="logo"></span></a>
			<br/>
			<span class='span-19'><img src='./images/damier.jpg' width='100%'/><span>		</div>
		<div id="main">
 
<div class='span-8 last'>
								<div class='span-6 ligne'>
									<select onclick='javascript:onclick_famille(1,1)' class='familles' name='familles_1_1' id='familles_1_1'>
										<option disabled='disabled' value='-1' selected='selected'>Liste des familles</option>
									</select>
 
									<select style='display:none' class='detail' name='detail_1_1' id='detail_1_1'>
										<option value='' selected='selected'>Liste des détails</option>
 
									</select>
 
 
								</div>
								<div class='span-2 last prx'>
									<input type='text' class='prix validate[optional,funcCall[valide_prix_famille],custom[prix_E]]' id='prix_1_1' name='prix_1_1'value='Prix' onclick="if(this.value=='Prix')this.value=''"/> <img width='22%' height='22%' src='./images/point_interrogation.png' alt='?' title='Le prix doit être de la forme 10.90'>
								</div>
							</div>
							<div class='span-8 last'>
								<div class='span-6 ligne'>
 
									<select onclick='javascript:onclick_famille(1,2)' class='familles' name='familles_1_2' id='familles_1_2'>
										<option disabled='disabled' value='-1' selected='selected'>Liste des familles</option>
									</select>
 
									<select style='display:none' class='detail' name='detail_1_2' id='detail_1_2'>
										<option value='' selected='selected'>Liste des détails</option>
									</select>
 
 
								</div>
								<div class='span-2 last prx'>
 
									<input type='text' class='prix validate[optional,funcCall[valide_prix_famille],custom[prix_E]]' id='prix_1_2' name='prix_1_2'value='Prix' onclick="if(this.value=='Prix')this.value=''"/> <img width='22%' height='22%' src='./images/point_interrogation.png' alt='?' title='Le prix doit être de la forme 10.90'>
								</div>
							</div>
.
.
.
<div class='span-8 last'>
								<div class='span-6 ligne'>
									<select onclick='javascript:onclick_famille(1,8)' class='familles' name='familles_1_8' id='familles_1_8'>
										<option disabled='disabled' value='-1' selected='selected'>Liste des familles</option>
 
									</select>
 
									<select style='display:none' class='detail' name='detail_1_8' id='detail_1_8'>
										<option value='' selected='selected'>Liste des détails</option>
									</select>
 
 
								</div>
								<div class='span-2 last prx'>
									<input type='text' class='prix validate[optional,funcCall[valide_prix_famille],custom[prix_E]]' id='prix_1_8' name='prix_1_8'value='Prix' onclick="if(this.value=='Prix')this.value=''"/> <img width='22%' height='22%' src='./images/point_interrogation.png' alt='?' title='Le prix doit être de la forme 10.90'>
								</div>
 
							</div>	
</fieldset>

(bon par contre à cause du copier/coller, je n'ai pas fermé toutes les balises div,html....)
Pour information, voici la partie de mon formulaire :
http://marilor.info/images/sans_erreur.png

Et je cherche à afficher une erreur :
http://marilor.info/images/erreur.png

01/08/2012, 11h10
SpaceFrog

ça fonctionne ça :

Code:

class='prix validate[optional,funcCall[valide_prix_famille],custom[prix_E]]'

8O

là il manque un espace

Code:

name='prix_1_1'value='Prix'
01/08/2012, 11h13
meloo

Citation:

Envoyé par SpaceFrog

ça fonctionne ça :

Code:

class='prix validate[optional,funcCall[valide_prix_famille],custom[prix_E]]'

8O

là il manque un espace

Code:

name='prix_1_1'value='Prix'

Oui ca fonctionne, je vous assure :lol:

C'est le plugin jquery validator engine...

Bon je pense que je vais devoir en choisir un autre pour valider mes formulaires, parce qu'il est trop "compliquer" lorsque l'on veut faire des choses sortant des sentiers battus...
Connaissez-vous un plugin à l'affichage agréable ?

Merci pour l'espace, c'est modifié je vous remercie :)

C'est vraiment une façon capilotracté de valider un formulaire.

je suis sur à 100% que ça ne passerait pas la validation du code chez moi.

mais bon là n'est pas la question.

Citation:

Envoyé par meloo

Est-il possible de connaitre quel est l'input (par son id ou son name) qui a appelé cette fonction a l'intérieur de celle-ci.

tu as la réponse dans ton propre code
Citation:
Envoyé par meloo
Code:

1 2 3 4 5 6 7 8 var prix = document.getElementsByTagName("input"); // Pour chacun de ses éléments for(var i=0, len=prix.length;i < len; i++){ // Si sa classe est de type prix if(prix[i].className=="prix validate[optional,funcCall[valide_prix_famille],custom[prix_E]]"){ // lorsque le prix à été modifié // $(prix[i]).on('blur', function() { alert(prix[i].id);// tu l'as ici ton id
donc il te suffit de faire

Code:

alert("Prix vide - Famille selectionnée dans le champs : " + prix[i].id);

A+JYT

01/08/2012, 14h16
meloo

Non, malheureusement, cela ne récupère pas la case qui a appelé la fonction.

Ma fonction va chercher toutes les cases de cette classes et elle s’arrête à la 1ere puisque à la première itération de la boucle for il y a un return true !

Je viens de m’apercevoir d'une partie de ma boulette. Si je supprime tous les "return true" alors ma boucle continue jusqu’à ce qu'il y ai une erreur.

Seulement si ma case est la n°5 et que la 1ere case est fausse, alors ca me fait une erreur sur la numéro 5.

Je pense que ça ne va pas être très clair là :/
01/08/2012, 16h22
sekaijin

il te faut garder la liste des id qui on une erreur avec le message associé
et à la fin afficher un message qui récapitule toutes les erreurs

A+JYT