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