Discussion :

[Invit�]

Bonjour,
J'ais du mal � poser ma question , mais je vais essayer d��tre claire.
En saisie classique, par exemple

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
<form method='POST'  id='LeForm' name='LeForm' onsubmit='UnLoginSaisi(this.lxnom.value,this.mdp.value);return false' action=''  >
  <input  id='lxnom' name='lxnom'>
  <input  type='password' id='mdp' name='mdp'  >
  <input  type='submit'  value=' Validez '>
</form>

Vous connaissez, avec ce code, je retrouves dans mon javascript
toutes mes valeurs , je peux les traiter , les valider puis les envoyer
par exemple en POST via un AJAX ou autre m�thode.
ma fonction est alors

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

function UnLoginSaisi(xusr,xmp){ /* ========Etc. */ }

Je butes sur cette m�thode, que je voudrais appliquer � des boutons submite

=======Voici ma version PHP qui marche===============

Mes boutons sont d�finis puis lus ainsi

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?php
if (isset($_POST["bouton"]))
 {
  echo "vous clique<br />";
print_r($_POST);
echo "<br />".count($_POST['bouton'])."<br />";
  for ($a=0; $a<count($_POST['bouton']); $a++)
   {
    echo ("".trim($_POST['bouton'][$a])."<br />");
   }
 }
 else { echo "pas encore de donnees<br />";}
 
 
?>
<form action="index.php" method="post">
<p><input type="text" name="champ" /></p>
<p><input type="submit" name="bouton[]" value="Le bouton 1" />&nbsp;
<input type="submit" name="bouton[]" value="Le bouton 2" />
<input type="submit" name="bouton[]" value="Le bouton 3" /></p>
</form>

ENFIN voici ma question OUF
Quelle syntaxe (dans ce cas qui fonctionne en PHP) ,je devrais utiliser pour passer mes param�tres � une fonction de la m�me fa�on que mon 1er exemple.

Merci de m'avoir lu, et esp�rant une solution .

[SpaceFrog]

jquery ajax et serialize ...

[Bovino]

D�sol� Christele, mais je ne comprends pas ta question...
Je ne suis m�me pas s�r qu'elle ai un rapport avec JavaScript...
Enfin, en tout cas, pour valider un champ, il est pr�f�rable d'avoir une fonction g�n�rique prenant en param�tre la valeur d'un champ et un filtre � tester qu'une fonction sp�cifique prenant uniquement en param�tre les valeurs de champs � tester.

Exemple :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
function verif(val, filtre){
    return filtre.test(val);
}
console.log(verif('Foo_Bar', /^\w+$/i));  // true
console.log(verif('foo_bar', /^[a-z]+$/));  // false
console.log(verif('123', /^\d+$/));  // true

[Invit�]

Merci � vous deux de m'avoir lu,
Ma question concerne donc uniquement le

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
onsubmit='UnLoginSaisi(this.lxnom.value,this.mdp.value);return false'

Que je veux adapter au deuxi�me cas de saisie, donc des boutons ... comme mon exemple PHP.

Donc c'est bien du JavaScript (enfin oui du HTML si vous voulez )

Je souhaites donc tout simplement appeler de cette fa�on la fonction de mon choix, en "passant" tout simplement a cette fonction la value du bouton cliqu�.

Peut-�tre voyez vous mieux ce que je souhaite
Encore merci.

[SpaceFrog]

modifie une variable sur le click du bouton ???

[Bovino]

Oui, je comprends mieux, sauf que d'une part, ce n'est pas possible sur le onsubmit de savoir quel submit a �t� cliqu� et surtout, je ne vois vraiment pas l'utilit� de la chose...

[Invit�]

Oui, je comprends mieux, sauf que d'une part, ce n'est pas possible sur le onsubmit de savoir quel submit a �t� cliqu� et surtout, je ne vois vraiment pas l'utilit� de la chose...

L�utilit� de la chose est de modifier et contr�ler certains argument en fonction du
du bouton choisi, dans le but d'envoyer en POST, ma requ�te AJAX (sans jQUERY bien sur tu me connais )

donc genre

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
 
function UnLoginSaisi(Lebouton)
 {
if (Lebouton=='truc') Mon_apel_ajax(114415,'machin' );
if (Lebouton=='machin') Mon_apel_ajax(117400,'autre' );
 }

[SpaceFrog]

rajoute un input type hidden dans ton form ... et sur le click de tes boutons tu mets leur id dasn el value du hidden... tu sauras ainsi quel est le dernier bouton click� ...

[Invit�]

Arhhhhh voila une bonne piste, je dois partir, mais je testes ce soir et revient te dire si j'ais r�ussi, merci !

[Invit�]

Bonsoir,
Vraiment je dormais sans doute c'�tait si simple
Code:html/javascript

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
<script type="text/javascript">
function maF(x)
{
document.getElementById('leid').innerHTML = x;
}
</script>
<p><INPUT type="button" value='bouton 1' onClick="javascript:maF('bouton1')"></p>
<p><INPUT type="button" value='bouton 2'  onClick="javascript:maF('bouton2')"></p>
<p><INPUT type="button" value='bouton 3'  onClick="javascript:maF('bouton3')"></p>
<br />
<div id="leid"></div>

Merci encore � vous pour le d�rangement

[NoSmoking]

Bonjour,
une autre approche, plus simple me semble t-il, est d'utiliser la fonction sur l'�v�nement onclick pour faire ce que tu as � faire

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>[Exemple]</title>
</head>
<body>
<form action="la_page.html">
  <button name="btn_1" value="btn_1">Bouton #1</button>
  <button name="btn_2" value="btn_2">Bouton #2</button>
</form>
<script>
var oForm = document.forms[0],
    oBtn = oForm.getElementsByTagName('BUTTON'),
    i, nb = oBtn.length;
for( i=0; i<nb ;i++){
  oBtn[i].onclick = function(){
    // mettre fonction suivant le name par exemple
    alert( this.name);
    return false;
  };
}
</script>
</body>
</html>

[Invit�]

L'Ami, ton code ne fait pas du tout ce que je demandes, car il s'agit de passer un param�tre � du JavaScript pas avec un FORM dont l'action relance la page

[SpaceFrog]

une soumission de form �a s'inhibe ...

[NoSmoking]

L'Ami, ton code ne fait pas du tout ce que je demandes...

je te le conc�de ceci n'est qu'un exemple, mais tu peux mettre dans la fonction ce que bon te semble

...pas avec un FORM dont l'action relance la page

tu auras surement remarqu� le return false qui peut comme le signale SpaceFrog, d�inhiber l'action par d�faut, mais si tu n'a pas besoin de FORM tu peux l'enlever le code ne changera pas.


dans ta syntaxe

onClick="javascript:maF('bouton1')"

un �v�nement n'attends pas une recette de cr�pes suzette(*), mais du javascript, il est donc compl�tement inutile de mettre javascript:.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<input type="button" value='bouton 1' onclick="maF('bouton1')">

au final ce que je t'ai �crit est la m�me chose que ce que tu cherches � faire mais sans m�langer HTML et javascript.

(*) dixit SpaceFrog

[Invit�]

Parfait et merci pour tes pr�cisions