Prob de bouton reset et submit
scully
-
PhP Messages postés 1774 Statut Membre -
PhP Messages postés 1774 Statut Membre -
Salut,
je voudrais placer un bouton image dans un formulaire et en plus je mets un onmouseover et onmouseout. Je voudrais que quand je clique sur le bouton 1 cad effacer, il me vide le formulaire comme le fais le bouton RESET. COmment peut-on faire pour appeler la méthode utilisé par le bouton reset et idem pour le bouton submit.
Merci
A+
je voudrais placer un bouton image dans un formulaire et en plus je mets un onmouseover et onmouseout. Je voudrais que quand je clique sur le bouton 1 cad effacer, il me vide le formulaire comme le fais le bouton RESET. COmment peut-on faire pour appeler la méthode utilisé par le bouton reset et idem pour le bouton submit.
Merci
A+
A voir également:
- Prob de bouton reset et submit
- Comment reset un pc - Guide
- Hard reset samsung sans bouton home - Guide
- Diagnostic bouton photo - Accueil - Outils
- Reset manette ps4 - Guide
- Bouton on/off comment savoir ✓ - Forum Matériel & Système
2 réponses
Salut Scully,
Voici un petit exemple en HTML
Supposons que tu as : la page p1.htm qui contient un formulaire appelé "fbi" (pourquoi pas ?) qui appelle la page p2.htm
Les boutons RESET et SUBMIT sont remplacés respcetivement par les images reset.gif et submit.gif
Ex 1 :
<html>
<head>
<title>PAGE 1</title>
</head>
<body>
<form name="fbi" method="POST" action="p2.htm">
<fieldset><legend>FBI form</legend>
X-File : <input type="text" value="" name="xfile"><br>
<img src="submit.gif" onclick="window.document.fbi.submit()">
<img src="reset.gif" onclick="window.document.fbi.reset()">
</fieldset>
</form>
</body>
</html>
En utilisant de simples images et l'événement onclick on arrive très simplement à simuler les boutons RESET et SUBMIT
La seule différence tient au fait que lorsque le pointeur de la souris survole chaque image il ne change pas de forme pour indiquer un lien.
On peut y remèdier en encapsulant les images dans un lien hypertexte <a>...</a> ou encore en utilisant les boutons images
de cette façon :
Ex 2 :
<html>
<head>
<title>PAGE 1</title>
</head>
<body>
<form name="fbi" method="POST" action="p2.htm">
<fieldset><legend>FBI form</legend>
X-File : <input type="text" value="" name="xfile"><br>
<input type="image" src="reset.gif" onclick="window.document.fbi.reset(); return false;">
<input type="image" src="submit.gif">
</fieldset>
</form>
</body>
</html>
Pour le bouton image submit, on conserve le comportement pas défaut.
Par contre pour le bouton reset, on annule le comportement par défaut lors du clic en retournant false dans l'événement onclick d'où le "return false" ;:)
The Truth is Out There ...
@+
Philippe
Nota : les balises <fieldset> et <legend> sont juste là pour le look ...
Voici un petit exemple en HTML
Supposons que tu as : la page p1.htm qui contient un formulaire appelé "fbi" (pourquoi pas ?) qui appelle la page p2.htm
Les boutons RESET et SUBMIT sont remplacés respcetivement par les images reset.gif et submit.gif
Ex 1 :
<html>
<head>
<title>PAGE 1</title>
</head>
<body>
<form name="fbi" method="POST" action="p2.htm">
<fieldset><legend>FBI form</legend>
X-File : <input type="text" value="" name="xfile"><br>
<img src="submit.gif" onclick="window.document.fbi.submit()">
<img src="reset.gif" onclick="window.document.fbi.reset()">
</fieldset>
</form>
</body>
</html>
En utilisant de simples images et l'événement onclick on arrive très simplement à simuler les boutons RESET et SUBMIT
La seule différence tient au fait que lorsque le pointeur de la souris survole chaque image il ne change pas de forme pour indiquer un lien.
On peut y remèdier en encapsulant les images dans un lien hypertexte <a>...</a> ou encore en utilisant les boutons images
de cette façon :
Ex 2 :
<html>
<head>
<title>PAGE 1</title>
</head>
<body>
<form name="fbi" method="POST" action="p2.htm">
<fieldset><legend>FBI form</legend>
X-File : <input type="text" value="" name="xfile"><br>
<input type="image" src="reset.gif" onclick="window.document.fbi.reset(); return false;">
<input type="image" src="submit.gif">
</fieldset>
</form>
</body>
</html>
Pour le bouton image submit, on conserve le comportement pas défaut.
Par contre pour le bouton reset, on annule le comportement par défaut lors du clic en retournant false dans l'événement onclick d'où le "return false" ;:)
The Truth is Out There ...
@+
Philippe
Nota : les balises <fieldset> et <legend> sont juste là pour le look ...
salut,
pour repondre a ta question, c'est possible
l'objet form de ta page possede deux methodes qui t'interresse: submit et reset
je n'ai jamais testé cette prog mais ça doit marcher comme suit
- tu place un onclick dans tes balises images
-tu appelle une fonction remise_a_zero ou envoyer_formulaire suivant le cas
- supposons que la balise name de ton formulaire soit egale a "monformulaire", les methodes de form associées a ce fomulaire doivent s'appeler comme suit
monformulaire.reset() et monformulaire.submit()
n'oublie pas les parentheses ;-))
et bonne prog
Ted
pour repondre a ta question, c'est possible
l'objet form de ta page possede deux methodes qui t'interresse: submit et reset
je n'ai jamais testé cette prog mais ça doit marcher comme suit
- tu place un onclick dans tes balises images
-tu appelle une fonction remise_a_zero ou envoyer_formulaire suivant le cas
- supposons que la balise name de ton formulaire soit egale a "monformulaire", les methodes de form associées a ce fomulaire doivent s'appeler comme suit
monformulaire.reset() et monformulaire.submit()
n'oublie pas les parentheses ;-))
et bonne prog
Ted
