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