Garder les valeurs d'un input suite à un rafraichissement

Version imprimable

13/02/2006, 17h11
bianconeri

Garder les valeurs d'un input suite à un rafraichissement

Bonjour,

J'aimerai conserver les données que l'utilisateur à entrer dans des edits ou sélectionner dans des combobox afin de les réafficher si l'utilisateur rafraichit la page en cours.

Je précise que le je ne reçois aucune information sur le formalaire (via $_POST en php). C'est simplement garder les information que l'utilisateur en entrés car sur mon formulaire après un F5 les edit sont à leur valur par défaut et les combobox aussi !!!

Avez-vous une solution pour moi ???

Merci d'avance
13/02/2006, 17h28
Hervé Saladin

hmmm, pas facile ca ... :?
il va falloir faire du 'bricolage' pas forcément tres propre mais ca doit être possible.
il faudrait par exemple ecrire puis lire dans des cookies en javascript, voir dans des fichiers temporaires.
tu pourrais peut être aussi stocker tes valeurs dans des variables globales du navigateur.

Le probleme, c'est plutot QUAND (???) enregistrer ces valeurs ?
Le mieux serait d'arriver à intercepter l'évenement de rechargement de la page (un truc du genre <body onReload="...") , mais je ne suis pas sur que ca soit possible. Si ca n'est pas possible, tu peux essayer de faire ca lors d'un onChange sur tes champs textes, ou meme faire un timer qui sauvegarde regulierement les valeurs qui sont dans les champs, mais la de 'pas forcément tres propre' on passe à 'carrément crade' ... :(

Bref, parmis toutes ces idées farfelues, la plus clean (enfin, je veux dire la moins horrible) serait à mon avis de faire une fonction appelée par un evenement onReload sur ta page (je suis pas sur que ca existe, ya peut etre un équivalent) qui écrit dans des cookies, puis tu les lit dans une fonction appelée lors du onLoad (ca je sais que c'est ok).

Peut être quelqu'un aura-t-il d'autres idées plus saines ? (je l'espere sincerement pour toi)

PS : à mon avis, la meilleure solution serait encore de demander à tes utilisateurs de pas recharger la page pendant qu'ils saisissent le formulaire (pasque bon, 'faut pas exagerer quand meme .... si ils savent pas ça c'est vraiment des billes en informatiques et à la rigueur faudra bien qu'ils comprennent ça un jour ou l'autre sinon ils iront pas loin). A la rigueur, si ils sont vraiment pas aidés, tu leur met un petit message 'ne rechargez pas cette page pendant que vous saisissez).
13/02/2006, 17h37
bianconeri

Merci pour toutes ses explications, effectivement c'est pas simple... De plus les utilisateurs doivent faire un rafraichissement.

pfffff chuis pas sortit de l'auberge... ... mais avec tes soluce je vais essayer de faire Mr Bricolage :wink: et de m'en sortir
13/02/2006, 18h03
Hervé Saladin

Citation:

De plus les utilisateurs doivent faire un rafraichissement.

Pourquoi diable ?
Tu as peut être une tres bonne raison pour cela, mais je serais curieux de savoir laquelle parceque j'en doute un peu ....
Il y a surement un moyen plus propre et plus "fait pour ça" de remplir la fonctionnalité attendue sans avoir à recherger bêtement la page sans envoi d'informations.
13/02/2006, 20h23
Spack

L'idée serait de capter l'événement onblur ou onchange de chaque champs du fomulaire et d'enregistrer leur valeur dans un cookie...
Lors du rechargement de la page tu lis les cookies et tu remplie tes champs...

Code:

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
 
 
<html> 
<head> 
<title>Document sans titre</title> 
<script>
function EcrireCookie(nom, valeur)
{
 
var argv=EcrireCookie.arguments;
var argc=EcrireCookie.arguments.length;
var expires=(argc > 2) ? argv[2] : null;
var path=(argc > 3) ? argv[3] : null;
var domain=(argc > 4) ? argv[4] : null;
var secure=(argc > 5) ? argv[5] : false;
document.cookie=nom+"="+escape(valeur)+
((expires==null) ? "" : ("; expires="+expires.toGMTString()))+
((path==null) ? "" : ("; path="+path))+
((domain==null) ? "" : ("; domain="+domain))+
((secure==true) ? "; secure" : "");
 
}
function getCookieVal(offset)
{
 
var endstr=document.cookie.indexOf (";", offset);
if (endstr==-1) endstr=document.cookie.length;
return unescape(document.cookie.substring(offset, endstr)); 
}
function LireCookie(nom)
{
 
var arg=nom+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while (i<clen)
{
 
var j=i+alen;
if (document.cookie.substring(i, j)==arg) return getCookieVal(j);
i=document.cookie.indexOf(" ",i)+1;
if (i==0) break;
 
 
}
return null; 
}
 
</script>
</head> 
 
<body bgcolor="#666666" marginheight="0" marginwidth="0" leftmargin="0" rightmargin="0" onload="remplir()"> 
<script>
window.onbeforeunload = confirmExit;
 
 
function confirmExit()
{
       	EcrireCookie("_1", document.getElementById('_1').value);
	EcrireCookie("_2", document.getElementById('_2').value);
	document.getElementById('_1').value = LireCookie("_1");
	document.getElementById('_2').value = LireCookie("_2");
}
</script>
<form name="f" id="_f">
<input type="text" value="" id="_1">
<input type="text" value="" id="_2">
</form>
</body> 
</html>