Formulaire et plusieurs bouttons avec "onclick"

Version imprimable

Bonjour,

j'ai un problème depuis 2h et malgré mes recherches sur le web je ne trouve aucune solution.. j'ai donc un formulaire tout ce qu'il y a de plus bête:
Code:

1 2 3 4 5 <form method="post" name="formulaire" action='page.php'> <input type="button" value="options" id="action_options" onClick="action(this.id)"/> <input type="button" value="Charger" onClick="formulaire.submit()"/> </form>
Vous l'aurez compris, le premier bouton fait appel à la méthode action(id). Cette méthode passe un display d'un <div> de ma page de "none" à "block".

Je souhaite également envoyer ce formulaire à 'page.php' avec le 2ème bouton (le formulaire n'est pas complet ici, j'ai également des zones de texte dedans).

Mon problème : le submit fonctionne, mais l'appel à la fonction 'action(id)' ne se fait pas! Pourtant ma fonction fonctionne quand je passe mon 1er bouton en dehors du formulaire! Mais d'où vient le problème ici? Ce n'est pas interdit d'avoir 2 boutons avec un qui submit et un autre normal dans un formulaire quand même?...

Merci de votre aide :(

27/04/2010, 16h28
E.Bzz

Bonjour,
ça dépend en grande partie du code de ta fonction action() ...

A+

Voilà ma fonction action() :

Code:

1
2
3
4
5
6
7
8
9
10
 
function action(id){	
	if(id=="action_options"){
		document.getElementById('options_5530').style.display='block';	
	}else if(id=="action_Equipements"){
		document.getElementById('options_Equipements').style.display='block';	
	}else if(id=="action_Karma"){
		document.getElementById('options_Karma').style.display='block';	
	}	
}

27/04/2010, 16h40
E.Bzz

Ben oui, mais l'id que tu passes en paramètre n'est pas dans la liste :koi:

Ton code fonctionne farpaitement :mrgreen:

A+
27/04/2010, 16h42
ganguill

Citation:

Envoyé par E.Bzz

Ben oui, mais l'id que tu passes en paramètre n'est pas dans la liste :koi:

Ton code fonctionne farpaitement :mrgreen:

A+

Excuses-moi, j'ai modifié l'id entre-temps quand j'ai recopié mon code ici :mrgreen: Je le corrige dans mon post plus haut!

Comme je l'ai dit dans mon premier post, si je déplace le bouton 1 (celui qui appelle action(id)) en dehors du formulaire, là il fonctionne :?
...

Résolu!!!

Alors voilà ce que j'ai fait:
Code:

1 2 3 4 5 <form method="post" name="formulaire" action='page.php'> <input type="button" value="options" id="action_options" onClick="document.getElementById('options_5530').style.display='block';"/> <input type="button" value="Charger" onClick="formulaire.submit()"/> </form>
J'ai donc du mettre directement le contenu de ma fonction action() dans le onClick du boutton... Alors celà prouve bien que la fonction n'était pas appelé ici.. (et pourquoi, ça je ne sais pas :/ Si quelqu'un a dailleurs tout de même une solution je suis preneur) :ccool:
Merci encore E.Bzz :)

27/04/2010, 16h52
E.Bzz

Citation:

Envoyé par ganguill

Comme je l'ai dit dans mon premier post, si je déplace le bouton 1 (celui qui appelle action(id)) en dehors du formulaire, là il fonctionne :?

Arf !

Code:

function action() {...

Code:

<form action="...

D'où l'intérêt de ne jamais utiliser les termes du langages pour identifier des éléments, des variables, des fonctions :aie:
Tu as essayé de nommer ta fonction autrement ?

A+
27/04/2010, 16h53
E.Bzz

Citation:

Envoyé par ganguill

J'ai donc du mettre directement le contenu de ma fonction action() dans le onClick du boutton...

Cf. au-dessus et renomme ta fonction : c'est plus propre ;)

A+
27/04/2010, 16h57
ganguill

Citation:

Envoyé par E.Bzz

Arf !

Code:

function action() {...

Code:

<form action="...

D'où l'intérêt de ne jamais utiliser les termes du langages pour identifier des éléments, des variables, des fonctions :aie:
Tu as essayé de nommer ta fonction autrement ?

A+

Incroyable, c'était ça 8O8O Effectivement il y avait un conflit avec le mot "action"! J'y ferais attention la prochaine fois (et 2h de perdu à cause de ça, c'est génial :mrgreen: )

Merci énormément :D
27/04/2010, 17h15
E.Bzz

Citation:

Envoyé par ganguill

(et 2h de perdu à cause de ça, c'est génial :mrgreen: )

C'est comme ça qu'on s'en souvient :mouarf:

A+