Réinitialiser formulaire après retour page précédente

**chivita** · 15/05/2006, 20h47

Bonjour,

J'ai un formulaire avec des cases à cocher qui envoient vers des pages différentes selon la case/langue choisie. Le script fonctionne très bien, lorsque l'internaure choisit la langue anglaise, il se retrouve sur la page en anglais, s'il choisit la langue française, il se retrouve sur la page en française, etc.

Mais petit problème : si l'internaute a d'abord choisi le français, et qu'il revient sur la page initiale avec le bouton "page précédente" de son navigateur,
1) le formulaire indique l'option choisie "français", au lieu du texte "Choisissez la langue". Il peut quand-même changer de langue.

2) Mais il ne peut pas revenir sur la page "français" (s'il lui prend cette fantaisie) par le formulaire qui ne fonctionne que sur l'événement onchange.

Je vous joins mon code au cas où vous pourriez me dire quoi ajouter pour pallier ce petit défaut :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<form name="jump">
<select name="menu" size="1" onchange="document.location.href=this.value;">
<option selected value="#">Choisissez une langue...</option>
<option value="msds/msds_fr.php">Fran&ccedil;ais</option>
<option value="msds/msds_en.php">Anglais</option>
<option value="msds/msds_es.php">Espagnol</option>
<option value="msds/msds_fi.php">Finnois</option>
<option value="msds/msds_pt.php">Portugais</option>
<option value="msds/msds_sv.php">Su&eacute;dois</option>
</select>
</form>

Autre question : quelle est l'intérêt de mettre ce code :

Code :

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

1
2
<select name="menu" size="1" onchange="location=document.jump.menu.options
[document.jump.menu.selectedIndex].value;" value="GO">

à la place de celui-ci :

Code :

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

<select name="menu" size="1" onchange="document.location.href=this.value;">

(aucune différence par rapport à mon problème précédent d'ailleurs).

Merci de vos réponses

**Kerod** · 16/05/2006, 00h30

J'ai fait ce code vite fait en espérant que ca t'aidera

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
18
19
<script type="text/javascript" language="javascript">
function test()
{
document.jump.menu.options[0].selected = true;
}
</script>
<body bgcolor="#000099" onfocus="test()">
        <form name="jump">
<select name="menu" size="1" onchange="document.location.href=this.value;">
<option selected value="#">Choisissez une langue...</option>
<option value="http://www.google.fr">Fran&ccedil;ais</option>
<option value="msds/msds_en.php">Anglais</option>
<option value="msds/msds_es.php">Espagnol</option>
<option value="msds/msds_fi.php">Finnois</option>
<option value="msds/msds_pt.php">Portugais</option>
<option value="msds/msds_sv.php">Su&eacute;dois</option>
</select>
</form>
</body>

il fonctionne lors de retour...Il fonctionne dès que la focalisation est donné.
Comme tu as dit que c'est une page que l'on voit qu'une fois donc il devrait pas avoir de problème, non ???

Pour ta deuxieme question, alors là aucune idée moi je trouve plus simple de mettre le this.value et c'est bon

**chivita** · 17/05/2006, 17h03

Bonjour Kerod,

Merci pour cet essai de dépannage. Je n'ai pas vu de différence, malheureusement. Je choisis français, j'arrive à la page français. J'utilise la flèche "précédente" de IE pour retourner au formulaire, "français" est toujours sélectionné et invalide. C'est bien dans le head qu'il faut rajouter le script? (et modifier aussi la balise body).

Le cas des gens qui reviennent en arrière pour ensuite redemander la même page est certes rare, donc ce n'est pas bien embêtant, sauf que c'est mon client qui m'a signalé ce petit bug, et son propre client qui l'avait découvert !

Depuis le temps que les webmestres utilisent des listes déroulantes pour envoyer sur diverses pages, personne n'a vu/corrigé ce problème? Peut-être faudrait-il séparer la liste déroulante d'un bouton "GO" qui seul commanderait l'ouverture de la page sélectionnée. Et je transforme le code comment pour ce faire?

Merci d'avance

**Kerod** · 17/05/2006, 20h03

Ben non j'ai testé chez moi et c'est bien dans le body sur l'évènement onfocus

**FremyCompany** · 17/05/2006, 20h07

Code :

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

Form_Var.reset();

???

**ozzmax** · 17/05/2006, 20h49

salut
ya un évenement qui est pris en charge avant que la page ne soit afficher

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" language="javascript">
 
//A noter que loadpage n'a pas de ()
window.onload = loadpage;
 
function loadpage(){
//jai pas testé cette ligne de code par contre, mais bon prennant pour acquis que ca fonctionne
 
 document.jump.menu.options[0].selected = true;
}
</script>

A ben merde, j'ai oublié que tes objet ne sont pas encore créer quand cette méthode de window est appelé...

Dsl pour le post inutile mais j'y ai pensé seulement après....le con!!

bonne journée quand meme

Réinitialiser formulaire après retour page précédente

JavaScript

Vue hybride

Discussions similaires

Partager

Partager