Discussion :

[zave]

Bonjour à tous

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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

[Kerod]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onClick="document.form.reset()"

C'est exactement ca...mais maintenant ca dépend de ton code...

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[zave]

Merci de vous intéréssez à mon petit problème

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 :

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
<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

[Matthieu2000]

pourquoi n'utilise tu pas une image!!
le type image est de type submit!

[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...

[Kerod]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

name="form1"

[zave]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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é

[zave]

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

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

[SpaceFrog]

un pansement :

ben tu peux mettre un bouton sans bordures ...

<input type='button' style='border:0px;background-color:white' value='bouton'/>

[SpaceFrog]

sinon une image avec un map ...

[piro]

Je suis pas un expert mais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Ca marche pas?

[zave]

Je suis pas un expert mais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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