Using cookies to save a drop down list value?

@rnd_meJul 24.2009 — #i just answered a related question on another forum.

while this solution might be overkill for you, it would work as expected.

here is my other post:

you can store it in a javascript-accessible client-side storage interface like localSettings, globalSettings, or as a last resort, cookies.

my mini library (http://danml.com/pub/lib/mini5.js) includes a function called store().

you can use it to save and load data between pages visits.

in IE6 you get 20kb, which should be enough to save a form or two.

in ie7 you get 100kb.

in ie8, and safari4, and FF2+ you get 5mb of space!

here is an example of how to use this function:

[CODE]<BODY onload="restoreForm()">
 
 <form name="myform">
 Input1:<input type="text" name="box1" onchange="store(this.name, this.value);"><br>
 <input type="button" name="add1" value="Add1" >
 </form>
 
 <script type='text/javascript' src='http://danml.com/pub/lib/mini5.js'></script> 
 <script type='text/javascript'>
 function restoreForm(){
 var allFields=tags("input").concat(tags("select"));
 allFields.map(function(a) {
 if (a.name && {select: 1, text: 1}[a.type.toLowerCase()]  ) {
 var tmp = store(a.name) || "";
 if (tmp) {
 if (a.options) {
 a.selectedIndex=Number(tmp)||0;
 } else {
 a.value = tmp;
 }
 }
 }
 });
 }//end restoreForm()
 
 </script> 
 </BODY>
 [/CODE]

(tested FF3.5)

if it's too much, you can change store() to getCookie()/setCookie(), and keep the rest of code shown.

i have get/set cookie in the same lib as linked, and in my snippets like as well.

that way, it would use real cookies, and you wouldn't need the whole mini5 lib...

although then you would need to replace tags() and ensure that Array.map() is available...

Using cookies to save a drop down list value?

1 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Using cookies to save a drop down list value?

1 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

1 Comments(s) _↴

Also in #JavaScript _↴