[Résolu] Formulaire à submit multiple

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Résolu] Formulaire à submit multiple

HuGoBioS

Bonjour à tous,

j'ai un petit soucis de compatibilité avec IE sur une fonction en JS :
j'ai un formulaire avec deux boutons submit, et l'idée est de changer le form.action selon le bouton choisi (je sais, c'est pas optimal pour ceux qui ont desactivé le JS mais ce ne sont pas mes choix de prog)

sous FF ce code marche :

Code :

var form=this.form;
form.setAttribute('action', 'inscription_new.php');

mais impossible de le faire fonctionner sous ie... j'ai essayé

Code :

document.formulaire.action='inscription_new.php';

qui ne marche pas plus, qqn à une idée ? (à part recoder le form pour que ce soit la page appelée par le form qui fasse le tri?

Merci!

Message édité par HuGoBioS le 04-06-2007 à 12:46:18

---------------
-= In Kik00 101 I trust :o =-

Publicité

Decapfour

document.getElementByID('iddetonform').action ?

Message cité 1 fois
Message édité par Decapfour le 04-06-2007 à 11:13:39

HuGoBioS

Decapfour a écrit :

document.getElementByID('iddetonform').action ?

marche pas non plus

---------------
-= In Kik00 101 I trust :o =-

Decapfour

document.forms['nomdetonform'].action=?

http://forum.alsacreations.com/top [...] ction.html
Si ca peut te servir

Message édité par Decapfour le 04-06-2007 à 11:37:03

HuGoBioS

Pas mieux

j'ai peut être plus les yeux en face des trous :

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>manifestations</title>
<link href="/style/css.css" rel="stylesheet" type="text/css" >
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
<script type="text/javascript">
<!--
function verif_formulaire()
{
//ca ca marche on s'en tape
}
//-->
//ca ca marche sous FF, pas sous ie :/
function cheque(formu)
{
var form=formu;
document.formulaire.action='inscription_new.php';
document.getElementByID('formulaire').action = 'inscription_new.php';
document.forms['formulaire'].action = 'inscription_new.php';
form.action='inscription_new.php';
form.setAttribute('action', 'inscription_new.php');
}
function cb(formu)
{
var form=formu;
document.formulaire.action='https://ecom.cimetz.com/telepaie/cgishell.exe/epaie01';
document.getElementByID('formulaire').action = 'https://ecom.cimetz.com/telepaie/cgishell.exe/epaie01';
document.forms['formulaire'].action = 'https://ecom.cimetz.com/telepaie/cgishell.exe/epaie01';
form.action='https://ecom.cimetz.com/telepaie/cgishell.exe/epaie01';
form.setAttribute('action', 'https://ecom.cimetz.com/telepaie/cgishell.exe/epaie01');
}
</script>
<script type="text/javascript">
<!--
//calcul du montant.
function test_champ(champ) {
//on s'en tape ca marche
}
-->
</script>
</head>
<body>
<form name="formulaire" id="formulaire" onsubmit="return verif_formulaire();" method="post" action="">
// j'ai un peu élagué
<input type="hidden" name="action" value="submitted">
<input type="submit" value="Je m'inscris et je paye par chèque" onclick="cheque(this.form);" name="B1">
<input type="submit" value="Je m'inscris et je paye par CB" onclick="cb(this.form);"name="B2"></div>
</form>
</body>
</html>

j'ai loupé qqch ?

---------------
-= In Kik00 101 I trust :o =-

Decapfour

Fait un alert(document.getElementById('formulaire'));
Si ca te donne [object] c'est qu'il a trouvé la balise formulaire et après c'est qu'une question d'attribut.

HuGoBioS

ca me donne effectivement object...
j'ai demandé un alert de document.getElementById('formulaire').action ca me donne object aussi
par contre document.getElementById('formulaire').action.value ca me donne "submitted"

[:alex666]

---------------
-= In Kik00 101 I trust :o =-

Decapfour

.action.value ou .action.text essaye

Message cité 1 fois

HuGoBioS

Decapfour a écrit :

.action.value ou .action.text essaye

j'ai tenté le .value, j'ai pas pensé au .text essayons

---------------
-= In Kik00 101 I trust :o =-

HuGoBioS

marche pas...

d'après le DOM Inspector de FF, c'est bien action le nodeName adéquat... je hais le JS :fou:

Message édité par HuGoBioS le 04-06-2007 à 12:17:45

---------------
-= In Kik00 101 I trust :o =-

Publicité

gatsu35

Blablaté par Harko

le input name="action" n'a rien n'a foutre là car il interfère avec l'attribut "action" du form.

renomme ton input et basta.

Accessoirement ton code devrais ressembler à ça :

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>manifestations</title>
<link href="/style/css.css" rel="stylesheet" type="text/css" >
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
<script type="text/javascript">
function goMyForm(elm, value) {
var arrLink = { cheque : 'inscription_new.php', cb:'https://ecom.cimetz.com/telepaie/cgishell.exe/epaie01'};
with(elm) {
form.action = arrLink[value];
form.submit();
}
}
</script>
</head>
<body>
<form name="formulaire" id="formulaire" onsubmit="return verif_formulaire();" method="post" action="">
<input type="hidden" name="autreaction" value="submitted">
<input type="submit" value="Je m'inscris et je paye par chèque" onclick="goForm(this, 'cheque');" name="B1">
<input type="submit" value="Je m'inscris et je paye par CB" onclick="goForm(this, 'cb');"name="B2"></div>
</form>
</body>
</html>

HuGoBioS

Bien, vu, le pb était du au champ hidden appelé "action", maintenant ca marche, mais avec les fonctions cb() et cheque()

la goForm(,) cause un pb dans ie...

Merci à vous!

---------------
-= In Kik00 101 I trust :o =-

gatsu35

Blablaté par Harko

goForm(this, 'cheque'); <== regarde bien le nom de ma fonction je l'ai appelée goMyForm au lieu de goForm.

Faudrait faire un effort et lire le code qu'on te fourni

Message cité 1 fois

HuGoBioS

gatsu35 a écrit :

goForm(this, 'cheque'); <== regarde bien le nom de ma fonction je l'ai appelée goMyForm au lieu de goForm.

Faudrait faire un effort et lire le code qu'on te fourni

j'ai passé 3h sur cette connerie, desolé de plus être aussi attentif qu'au début

---------------
-= In Kik00 101 I trust :o =-

FlorentG

C'est extrêmement pas bien de gérer un submit avec du JavaScript Accessibilité, etc.

Le mieux (sachant qu'on peux pas utiliser un <button> à cause de IE), en regest de mettre un name sur les deux submit :

Code :

<input type="submit" name="action" value="Envoyer 1" />
<input type="submit" name="action" value="Envoyer 2" />

Et de tester server-side quel bouton à été cliqué, genre :

Code :

if($_SERVER['REQUEST_METHOD'] == 'POST') {
 
  if(isset($_POST['action'])) {
 
     if($_POST['action'] == 'Envoyer 1') {
 
        require 'inscription_new.php';
 
     } else {
   
        require 'pouet.php';
     }
  }
}

Message cité 1 fois
Message édité par FlorentG le 04-06-2007 à 12:59:54

FlorentG

Tiens d'ailleurs je remarque aussi que tes deux submit servent à choisir le moyen de règlement.

Dans ce cas là, pour un soucis d'usabilité, il vaudrait mieux proposer deux boutons radios, l'internaute choisirait son moyen de paiement ainsi. Ensuite après envoi du formulaire, une redirection côté serveur permettera de l'envoyer sur la bonne page.

On mettera comme valeur par défaut le moyen de paiement le plus utilisé. L'objectif étant que l'inscription soit la plus rapide. On évite aussi les possibles erreurs, à tous les coups y'a des mecs qui vont cliqué sur le premier bouton rencontré sans regarder l'intitulé.

Message cité 1 fois

HuGoBioS

FlorentG a écrit :

C'est extrêmement pas bien de gérer un submit avec du JavaScript Accessibilité, etc.

Le mieux (sachant qu'on peux pas utiliser un <button> à cause de IE), en regest de mettre un name sur les deux submit :

Code :

<input type="submit" name="action" value="Envoyer 1" />
<input type="submit" name="action" value="Envoyer 2" />

Et de tester server-side quel bouton à été cliqué, genre :

Code :

if($_SERVER['REQUEST_METHOD'] == 'POST') {
 
  if(isset($_POST['action'])) {
 
     if($_POST['action'] == 'Envoyer 1') {
 
        require 'inscription_new.php';
 
     } else {
   
        require 'pouet.php';
     }
  }
}

FlorentG a écrit :

je sais bien, mais c'est pas moi qui ai bâti le cahier des charges ... [:spamafote]

perso j'aurai traité ca par le serv, je HAIS le javascript, donc moins j'en fais mieux je me porte
toutes les inscriptions sont re confirmées après par un être humain, ca devrait pas trop être gênant...

Message cité 1 fois

---------------
-= In Kik00 101 I trust :o =-

FlorentG

Casse les jambes à celui qui à fait le cahier des charges Vu qu'il y a du pognon en jeu, l'accessibilité et l'usabilité devraient êtres prioritaires...

Message cité 1 fois

HuGoBioS

FlorentG a écrit :

Casse les jambes à celui qui à fait le cahier des charges Vu qu'il y a du pognon en jeu, l'accessibilité et l'usabilité devraient êtres prioritaires...

[:matleflou]

c'est faible comme sommes, c'est pour des conférences, ca dépassera jamais les 10

ps: je te défie de faire entendre raison à un ingé borné de plus de 60ans [:cupra]

---------------
-= In Kik00 101 I trust :o =-

gatsu35

Blablaté par Harko

HuGoBioS a écrit :

Le javascript c'est bien, c'est le bonheur quand on associe HTML propre et semantique, CSS et JS non obstrusif

FORUM HardWare.fr

Programmation

HTML/CSS

[Résolu] Formulaire à submit multiple

Sujets relatifs
[Resolu]Attente fin d'appel de script PHP avec AJAX	[résolu]/[ACCESS]soustraction formulaire
[résolu]Calcul avec Batch	[resolu]Jointure d'un COUNT dans une requête
[updated]- [c] centraliser declaration de variable.	[RESOLU] Tableaux d'objets en PHP
[Résolu]CheckBoxList c#	Erreur SQL [RESOLU]
[Resolu/VBA] Priorité des applications
Plus de sujets relatifs à : [Résolu] Formulaire à submit multiple

Page générée en 0.124 secondes