Fonction reset sur un input="image"

Version imprimable

21/03/2006, 22h27
zave

Fonction reset sur un input="image"

Bonjour � tous :D

j'essaye de remplacer des boutons de formulaires par des images et j'aimerai bien que les fonctions associ� fonctionnent

Pour la validation visiblement �a fonctionne tout seul :D

J'ai un probl�me par contre sur la fonction reset, j'ai �ssay� �a

Code:

<input type="image" src="envoyer.gif" width="141" height="40" onclick="document.form1.reset();" />

Evidemment �a fonctionne pas, alors si vous pouviez me filer un petit tuyau �a serait sympa, je pense que ce doit �tre possible, mais j'ai pas trouv� la solution

Merci d'avance pour votre aide :D
22/03/2006, 01h59
Kerod

Code:

onClick="document.form.reset()"

C'est exactement ca...mais maintenant ca d�pend de ton code...
22/03/2006, 09h04
SpaceFrog

oui comme le dit Kerod �a d�pend du name de ton form ...

mais si tu n'as qu'un formulaire sur ta page :

Code:

onClick="document.forms[0].reset()"

Merci de vous int�r�ssez � mon petit probl�me :D

Le nom de mon formulaire est form1 (original non?)

j'ai essay� le code que tu m'a donn� SpaceFrog �a ne fonctionne pas

Du coups je vais vous mettre le code du formulaire complet, �a va peut �tre vous aider � voir ce qui ne vas pas

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<form action="page.php" method="post" id="form1">
<label>Votre nom : <br />
<input type="text" name="nom" size="25" tabindex="10" accesskey="a" /><br />
</label>
<label>Votre mail :<br />
<input type="text" name="email" size="25" tabindex="20" accesskey="m" /><br />
</label>
Avez vous aim&eacute; ce site ?<br />
<label><input type="radio" name="avis" value="oui" tabindex="30" accesskey="o" /> Oui</label>
<label><input type="radio" name="avis" value="non" tabindex="40" accesskey="n" /> Non</label><br />
<label>Commentaires :<br />
<textarea name="commentaire" rows="6" cols="40" tabindex="50" accesskey="c"></textarea><br />
</label>
<br />
<input type="image" src="envoyer.gif" width="141" height="40" />
<input type="image" src="effacer.gif" width="141" height="40" onclick="document.form1.reset();"/> 
</form>

Le bouton au lieu d'effacer, il soumet :roll:

22/03/2006, 13h09
Matthieu2000

pourquoi n'utilise tu pas une image!!
le type image est de type submit!
22/03/2006, 13h20
titoumimi

utilises le onsubmit="return fonction_javascript()"

tu peux faire faire un reset de tes champs � ta fonction javascript, et renvoyer false pour ne pas valider le formulaire...
22/03/2006, 20h03
Kerod

De plus form1 n'est pas un nom mais son identifiant.
Pour mettre le nom se serait :

Code:

name="form1"
23/03/2006, 00h54
zave

Citation:

Envoy� par Kerod

De plus form1 n'est pas un nom mais son identifiant.
Pour mettre le nom se serait :

Code:

name="form1"

En fait j'avais d�j� essay� de mettre name � la place d'id, avant de poster mon probl�me d'ailleur, malheureusement �a ne fonctionne ni avec name ni avec id

Mon formulaire il est fach� avec le reset, merci en tout cas d'essayer de m'aider, en tout cas moi je vois vraiment pas d'ou �a peut venir, est ce que quelqu'un � t'il d�j� r�ussit � faire un reset d'un formulaire en utilisant input="image"

car je me demande si c'est possible, j'ai fouin� sur le net, �a parle toujours de submit mais jamais de reset :roll:
23/03/2006, 08h44
SpaceFrog

d�sol� j'avais pas percut� l'input type image se comporte comme un submit ...
1) as tu vraiment besoin d'uninout ? sinon mets simplement une image et le onclick que je t'ai donn� ...

2) si l'input est obligatoire mest un input type="button" avec ton image en background et le m�me onclikc que je t'ai fil�
23/03/2006, 10h18
zave

Citation:

Envoy� par SpaceFrog

d�sol� j'avais pas percut� l'input type image se comporte comme un submit ...
1) as tu vraiment besoin d'uninout ? sinon mets simplement une image et le onclick que je t'ai donn� ...

En fait je commenc� s�rieusement � m'en douter, C'est un peu dommage. j'avais pr�par� deux belle images :)

Citation:

Envoy� par SpaceFrog

2) si l'input est obligatoire mest un input type="button" avec ton image en background et le m�me onclikc que je t'ai fil�

j'ai d�j� essay� de mettre l'image en background, gr�ce � un style sur le bouton, c'est vrai que c'est une solution, le probl�me c'est qu'on est limit� � la forme de ce bouton

L'image que je voulais employer avait une forme diff�rente des boutons habituels

Merci � toutes les personnes qui sont intervenus pour m'aider dans ce topic, je vous en remercie chalereusement :D
23/03/2006, 10h21
SpaceFrog

un pansement :

ben tu peux mettre un bouton sans bordures ...

Citation:

<input type='button' style='border:0px;background-color:white' value='bouton'/>
23/03/2006, 10h22
SpaceFrog

sinon une image avec un map ...

Je suis pas un expert mais
Code:

1 2 <a href="javascript:document.form1.reset()" ><img src="......"></a>
Ca marche pas?

23/03/2006, 18h07
zave
Citation:
Envoy� par piro

Je suis pas un expert mais

Code:

1 2 <a href="javascript:document.form1.reset()" ><img src="......"></a>

Ca marche pas?
Oui �a marcherai, mais ce qui m'int�r�ss� de savoir d'�tait par rapport � l'attribut image, merci de ton aide en tout cas :D

Merci aussi SpaceFrog, l'id�e du map est int�r�ssante, c'est sympa de ta part de t'investir comme tu le fais pour d'aider les autres :D