Discussion :

[cowboy]

Bonjour,

j'ai une page qui contient un formulaire. Après avoir validé, les visiteurs peuvent encore revenir sur le formulaire pour modifier les contenus déjà entrés sur simple clic sur un bouton

Code :

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

onclick="javascript:history.back(-1)"

Mais la plupart des cas, cette fonction présente des surprises car on se trouve souvent sur un formulaire à nouveau vide. J'ai résolu ce problème avec PHP (utilisation de session).

Maintenant, un autre problème survient: comment remettre à zéro toutes les valeurs du formulaire ? Ou plus précisément, comment vider tous les champs du formulaire ? Car un bouton <input type="reset" value="Effacer"> n'efface pas la valeur par défaut que j'ai introduit grâce au code PHP du type:

Code :

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

<input type="text" name="nom" value=" <? if (isset($_SESSION['nom'])) echo $_SESSION['nom']; ?>" />

Merci de votre aide...

[Folken Laëneck]

Tiens ca je savais pas ... comme quoi on en apprend tous les jours ...

Bref, la solution la plus simple que je vois, c'est un input type="button" derrière lequel tu place une fonction, qui pour chaque champ du formulaire passe sa value à NULL.

Code :

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

1
2
3
4
5
6
7
8
annuler()
{
// Compter le nombre de champ du formulaire (à moins de le passer en argument ? ...)
Pour i=0 à i<nb_element par pas de 1
{
document.mon_formulaire.element[i].value='';
}
}

c'est juste l'algo, étant donné que je suis pas très doué en js ...

[cowboy]

Merci à ton aide...

J'ai une question, est-ce que cette methode permet-elle de réinitialser les valeurs des boutons radio et la liste de selection <select> ???

Je suis pas sûr mais je vais essayer d'abord, merci à toi

[cowboy]

Merci bcp,
c'est resolu:
- pour ne pas traiter les éléments du formulaire un à un,
- pour éviter que la fonction efface aussi les valeurs inscrits sur le bouton,
- pour "remettre à zéro" les valeurs des liste <select> et bouton radio...

j'ai utilisé plutôt une fonction du type:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<script type="text/javascript">
<!--
function effacer(formulaire){
for (var i=0; i<formulaire.length; i++){
if (formulaire.elements[i].type=="radio" || formulaire.elements[i].type=="checkbox") {formulaire.elements[i].checked=false;}
else if (formulaire.elements[i].type=="select-one") {formulaire.elements[i].options[0].selected=true;}
else if (!(formulaire.elements[i].type=='reset' || formulaire.elements[i].type=='submit' || formulaire.elements[i].type=='button')) {formulaire.elements[i].value="";}
}
}
//-->
</script>

Le bouton qui fera l'affaire

Code :

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

1
2
 
<input type="reset" onclick="effacer(this.form); return false;">

A ceux qui passeront ici, ce lien vous évitera bcp de questions...
http://www.rdjm.net/Outils/selfhtml/...ementshtml.htm

Ciao ciao, merci quand même à Folken Laëneck !