Discussion :

[cahuet-200]

Bonjour à tous,
Je me permets de poster une nouvelle discussion car je suis débutante en javascript,
J'ai déjà regarder sur pleins de forums pour essayer de résoudre mon problème et je n'ai pas trouvé, c'est pour cela que je m'adresse a vous en espérant pouvoir résoudre mon problème.

Mon problème est que j'aimerais pouvoir rafraichir ou réinitialisé tout les champs que j'ai dans ma page PHP,
J'ai déjà essayer ceci :

Code html :

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

<center><input id= 'reset' type='reset' name='reset' value='Annuler' style='width:100px'></center>";

Mais cela ne fonctionne pas et je ne comprend pas pourquoi...
Ma page web est constituée de liste déroulante, de textarea, et j'aimerais que lorsque l'utilisateur clique sur le bouton sauver (soit un submit) qu'il me vide après le clique toute ma page...

Merci d'avance,
Cahuet

[SylvainPV]

Hello,

C'est bien un input type="reset" qu'il faut utiliser (donc pas besoin de JavaScript). Par contre il faut que cet input ainsi que les champs de formulaire soient tous à l'intérieur d'une balise <form> correctement déclarée. C'est le cas ? Peux-tu nous montrer le HTML complet ? Aussi, à quoi sert les caractères "; en fin de ligne ?

[sipatsymasaka]

si tu as quelque chose comme:

Code html :

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

1
2
3
4
5
6
7
<form>
Nom:
<input id= 'nom' name="nom" type='text'  style='width:100px'>
Prénom:
<input id= 'prenom' name=prenom type='text'  style='width:100px'>
<center><input id= 'reset' type='reset' name='reset' value='Annuler' style='width:100px'></center>";
</form>

normalement, un click sur Annuler va effacer les données nom et prénom.

[cahuet-200]

Bonjour à tous,
Désolée de mon retard mais je n'était pas disponible la semaine dernière,
Pour le bouton reset j'ai essayer de le mettre dans mon <FORM> mais vue que j'ai déja un bouton submit a l'interieur du form j'ai l'impression qu'il ne veut pas me le prendre en compte.

Pour répondre a ta question SylvainPV mon ; est utile car j'ai montrer qu'un bout de mon code, tout mon code html et passé en php est donc sous la forme :

Code :

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

echo "	<input id= 'reset' type='reset' name='reset' value='Reinitialiser' style='width:100px'>";

Merci d'avance,
Cahuet =)

[SpaceFrog]

http://jsfiddle.net/t1Lm8ed1/

[cahuet-200]

Bonjour SpaceFrog,

Oui je suis d'accord cela fonctionne avec votre code, mais avec le mien cela ne fonctionne pas et je ne comprend pas pourquoi, le bouton reset dans le même form ne fais absolument rien ...

[Bovino]

Bah oui mais le code de Spaffy est strictement le même que celui que tu as montré dans le message précédent...
Donc là, à part éventrer des chatons pour deviner ce que tu nous cache, on ne peut plus grand chose pour toi.

[SpaceFrog]

pas strictement ...
j'ai rajouté les / de fermeture des balises auto-fermantes ...
Mais je ne pense pas que cette omission soit la cause du mal ?

[cahuet-200]

J'ai créer cette discussion car j'avais un problème,

Et j'aimerais comprendre pourquoi cela ne fonctionne pas, donc voila ....
Voici un bout de code ou se trouve mes deux boutons :

Code :

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

1
2
3
4
	echo "	<input id= 'submit' type='submit' name='submit' value='Sauvegarder' style='width:100px'>";
		echo "	<input id= 'reset' type='reset' name='reset' value='Annuler' style='width:100px'>";			
		echo "	<br><br>";		
		echo "	</FORM>";

Pour moi cela devrais fonctionner, le submit fonctionne très bien mais lorsque l'on clique sur reset cela ne fais absolument rien.
Merci d'avance

[SpaceFrog]

j'ai rajouté les / de fermeture des balises auto-fermantes ...

tu as un doctype sur ta page ?

[Bovino]

Non ça ne change rien, d'autant qu'en HTML (4 ou 5) cette notation est autorisée.

Je ne vois que deux raisons possibles :

• il a mis un doctype "HTML farceur" ;
• il y a des erreurs PHP qui impliquent une mauvaise interprétation de la page.

[cahuet-200]

Non je n'ai pas de DOCTYPE sur ma page, vue que je code tout en PHP je ne trouvais pas l'utilité de mettre la balise

Mais Bovino dans ces conditions pourquoi il fonctionne quand je le met dans un autre form ?
Et ou puis je trouver ses erreurs alors ?

[SpaceFrog]

sans voir TOUT le code HTML de la page (pas le php) il sera difficile de te répondre ...

Une supposition vu que tu parle d'autres forms .. peut être as tu des doublons d'id ???

[cahuet-200]

Voici le code html de la page, excusez moi pour le retard et je n'avais pas compris ce que vous vouliez de la page :

Code html :

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="/style.css" rel="stylesheet" title="Style" />
<title>Parametres</title>
<link rel="icon" href="default/images/animated_favicon1.gif" />
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="inlinemod.js"></script>
 
<script>
                jQuery(function ($) 
                        {
                                $('footer_wrapper').hide;
                                $('.footer').on('click', function()
                                        {
                                                $('#footer_wrapper').slideToggle('fast');
                                        })
                        });
</script>
 
 
<script>
        jQuery(function ($) 
                {
                        $('footer_wrapper1').hide;      
                        $('.footer1').on('click', function() 
                        {
                                $('#footer_wrapper1').slideToggle('fast');
                        })
                });
</script><html>
  <head>
    <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1'>
    <meta name='Author' content='Caroline Drupt'>
    <title>Reemission</title>
  </head>
 
  <body text='#000099' leftmargin='0' topmargin='2' marginwidth='0' marginheight='0'>
  <center>
  <table border='0' cellspacing='0' cellpadding='0' width='80%'>
    <tr>
      <td width='1%' class='delimiteurG'>&nbsp;</td>
      <td class='banniere' align='center' valign='top' height='86px' >&nbsp;</td>
      <td width='1%' class='delimiteurD'>&nbsp;</td>
    </tr>
    <tr>
      <td width='1%' class='delimiteurG' align='left'>&nbsp;</td>
      <td align='center' valign='top' >
      <!-- FIN ENTETE -->
 
        <br>
        <font face='Verdana' size='5' color='#000099'>* * * &nbsp; Reemission des Messages   &nbsp; * * *</font>
        <hr width='45%' color='#000099' noshade>
        <font face='Verdana' size='4' color='#FF6600'>Message</font>
        <br>
        <br>
        <!-- FIN TITRE / SOUS-TITRE -->
 
        <!-- DEB OUVERTURE TABLEAU CORPS -->
        <table width='98%' align='center' border='1' cellspacing='0' bgcolor='#f9f6f3' bordercolor='#000099'>
          <tr>
            <td align='center'>
              <font face='Verdana' size='2' color='#000099'>
              <!-- FIN OUVERTURE TABLEAU CORPS -->
 
	<H1><center>Réemission des messages</center></H1></br>   <FORM method='post' id='Application' action='menuReemission.php'> 
	<a>Voulez vous réemettre en mode BATCH ou en STREAM : </a><br><br>	<select name='MODE_REEMIS' id='MODE_REEMIS' onchange='submit()'>	<option selected ='selected' value=''></option>	<option value='STREAM'>STREAM</option>	<option value='BATCH'>BATCH</option>		</select> <p> Pour quelles applications voulez vous réemettre :</p> 
 
<!-- #################################################
REQUETE:
SELECT RECEIVING_APPLICATION FROM hl7_IMS_ABONNE order by 1
################################################## -->
 
 	<select  id='abonne' name='abonne' onchange='submit()'> <option value='HL7AMI'>HL7AMI</option> <option value='HL7ARIA'>HL7ARIA</option> <option value='HL7DIAMM'>HL7DIAMM</option> <option value='HL7IDEOLOC'>HL7IDEOLOC</option> <option value='HL7LABOBIO'>HL7LABOBIO</option> <option value='HL7LABOINF'>HL7LABOINF</option> <option value='HL7RESURGA'>HL7RESURGA</option> <option value='HL7RESURGP'>HL7RESURGP</option> <option value='HL7WINREST'>HL7WINREST</option>	</select><br>	<p>Vous avez sélectionné l'application :  </br></br> 	<p>Quel type de message ou collection (MSG ou LST) voulez vous réemettre : <br><br>
 
<!-- #################################################
REQUETE:
SELECT DISTINCT TYPE_MSG FROM hl7_IMS_REEMIS order by 1
################################################## -->
 
 	<select  id='TYPE_MSG' name='TYPE_MSG'  onchange='submit()'> <option value='LST'>LST</option> <option value='MSG'>MSG</option>	</select><br></br> La valeur que vous avez sélectionné est : </br></br>	<input id= 'Submit' type='Submit' name='valid' value='Sauvegarder' style='width:100px'>	<br><br>	</FORM>  <FORM method='post' id='RESET' action='menuReemission.php'> 
	<input id= 'reset' type='Submit' name='reset' value='Reinitialiser' style='width:100px'>	</FORM>

Merci d'avance Cahuet =)

[SpaceFrog]

<input id= 'reset' type='Submit' name='reset' value='Reinitialiser' style='width:100px'

[cahuet-200]

En mettant de type submit, ma page ne repond palus comme avant.. et le bouton ne marche toujours pas ... :/

[SpaceFrog]

je ne te dis pas de le mettre !!! c'est ton code c'est un erreur de ta part !
regarde le code que tu nous a donné !!!

[lysandro]

Dans le code présenté, tu as deux formulaires :
- un avec id="application",
- l'autre avec id="reset"

Dans le premier (id="application") tu as trois listes déroulantes et un input type="submit". A chaque changement dans ces listes, tu exécutes
'submit()'.

Que fait submit ?

Si tu veux réinitialiser ce formulaire, il faut que tu mettes ton "<input type="reset" ...>" dans ce formulaire.
A condition que ta fonction 'submit()' n'ait pas déjà soumis le formulaire ...

Dans le deuxième formulaire (id="reset") tu n'as qu'un input type="submit" qui déclenche la même action que le formulaire précédent, soit 'menuRemission.php' mais sans la valeur des listes déroulantes.

Je me trompe sans doute, mais j'imagine que tu soumets ton formulaire (application) à chaque changement dans tes listes et que tu renvoies une page avec les informations mises à jour.

- sélection dans une liste déroulante
- soumission des données
- récupération de la page avec les infos
- sélection dans une liste déroulante
- soumission des données
- récupération de la page avec les infos
- etc

Si c'est le cas, le résultat d'un input type="reset" ne sera sans doute pas celui que tu attends.
input type="reset" fait une réinitialisation locale du contenu des contrôles du formulaire de la page en cours.
Donc, dans ce cas précis, tu devrais recharger ta page initiale pour faire l'équivalent d'un reset.

[cahuet-200]

Mais ne t’énerve pas SpaceFrog, je ne comprend pas ce que tu me dis, alors calme toi ...
Je suis pas ici pour me faire envoyer bouler mais pour être aider.
C'est sur que j'ai des difficulté et c'est pour cela que je demande de l'aide.

Lysandro a la base je n'ai qu'un formulaire sauf qu'en mettant les deux boutons submit et reset cela ne fonctionnais pas et donc j'ai chercher une autre solution pour que ça fonctionne.
Et grace au deux form ça fonctionne après j'aurais préferé trouver une solution plus adéquate que celle ci.
Au niveau de rafraichir la page j'ai essayer aussi avec un header, mais c'est pareil ça ne faisait absolument rien ..

Merci de votre aide.

[Auteur]

bonsoir,

dans le code HTML j'ai vu une erreur juste après les scripts (en rouge ci-dessous) :

Code html :

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
18
19
20
21
22
23
24
25
26
27
<html xmlns="http://www.w3.org/1999/xhtml">
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="/style.css" rel="stylesheet" title="Style" />
<title>Parametres</title>
<link rel="icon" href="default/images/animated_favicon1.gif" />
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="inlinemod.js"></script>

<script>
<!-- suite du code -->
</script>
 
<script>
<!-- suite du code -->
</script>

<html>
  <head>
    <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1'>
    <meta name='Author' content='Caroline Drupt'>
    <title>Reemission</title>
  </head>
 
  <body text='#000099' leftmargin='0' topmargin='2' marginwidth='0' marginheight='0'>

Après la balise <html> tu dois avoir obligatoirement une balise <head>. Or celle-ci apparait après une nouvelle balise <html> .

Voici la structure d'une page HTML (je n'ai pas précisé de DOCTYPE) :

Code html :

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
18
19
20
21
22
23
24
25
26
 
<html>
<head> <!-- début de l'entête -->
 
<title></title>
<!-- balises meta -->
<!-- liens vers les fichiers CSS et javascript -->
 
<!-- scripts internes -->
<script type="text/javascript">
<!--
 
//-->
</script> 
 
<!-- feuilles de style -->
<style type="text/css">
 
</style> 
 
</head> <!-- fin de l'entête -->
 
<body> <!-- corps de la page -->
 
</body>
</html>