hej igen!
här kommer en version som gör det du vill.
den bygger på Cookie-klassen som fanns i tråden http://www.webforum.nu/showthread.php?t=37492 som jag visade dig i din förra tråd
Jag bytte från radio-knappar till checkboxar, tyckte det såg bättre ut.
<html>
<head>
<title>Fågel</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
/*
* Detta script skrivet av Gustaf Cele är fritt för användning, spridning och modifiering.
*/
// Cookieklassen
function Cookie(name, value, expires, domain, path, secure){
this.name = name;
this.value = value;
this.expires = expires;
this.domain = domain;
this.path = path;
this.secure = secure;
}
// Metoder för cookieklassen
function set(){
var cookiestr = escape(new String(this.name)) + "=" + escape(new String(this.value));
if(this.expires) cookiestr += "; Expires=" + this.expirationString();
if(this.domain) cookiestr += "; Domain=" + this.domain;
if(this.path) cookiestr += "; Path=" + this.path;
if(this.secure) cookiestr += "; Secure";
document.cookie = cookiestr;
}
function expirationString(){
var ex = this.expires;
if(typeof ex == typeof "string") return ex;
if(typeof ex == typeof 1){
var msPerDag = 1000 * 60 * 60 * 24;
ex = new Date();
ex.setTime(ex.getTime() + (msPerDag * this.expires));
}
return ex.toUTCString ? ex.toUTCString() : ex.toGMTString();
}
function setDomainToCurrent(){
this.domain = self.location.host;
}
function setPathToCurrent(){
var pth = self.location.pathname.substr(self.location.pathname.indexOf ("/"));
if(!pth) pth = "/";
else pth = pth.substring(0, pth.lastIndexOf("/") + 1);
this.path = pth;
}
// Allmäna funktioner
function getCookie(name, alt){
if(!alt) alt = "";
name = escape(name) + "=";
if(document.cookie.indexOf(name) == -1) return alt;
var kaka = document.cookie.substr(document.cookie.lastIndexOf(name));
kaka = kaka.substr(name.length);
var slut = (kaka.indexOf(';') == -1) ? kaka.length : kaka.indexOf(';');
kaka = kaka.substring(0, slut);
return unescape(kaka);
}
function deleteCookie(name, path){
var cookiestr = escape(name) + "=_; Expires=Thursday, 01-Jan-1970 00:00:00 GMT";
if(path) cookiestr += "; Path=" + path;
document.cookie = cookiestr;
}
function getAllCookieNames(){
var ac = document.cookie.split(" ");
var allCookies = new Array();
for(var i = 0; i < ac.length; i++){
var tmp = ac[ i].split("=");
allCookies[ i] = unescape(tmp[0]);
}
return allCookies;
}
// Lägg till metoder
Cookie.prototype.set = set;
Cookie.prototype.expirationString = expirationString;
Cookie.prototype.setDomainToCurrent = setDomainToCurrent;
Cookie.prototype.setPathToCurrent = setPathToCurrent;
// Statiska metoder
Cookie.get = getCookie;
Cookie.remove = deleteCookie;
Cookie.getAllNames = getAllCookieNames;
var iNumBirds = 5;
var iCountNum = 0;
function fn_save()
{
var chk = "";
iCountYes = 0;
for(i=1; i<=iNumBirds; i++)
{
id = "Ja" + i;
objYes = document.getElementById(id);
if(objYes != null && objYes.checked == true)
{
iCountYes++;
chk += i + "|";
}
}
var kaka = new Cookie("BIRDS", chk, 365);
kaka.set();
fn_update_sum();
}
function fn_load()
{
var chk = Cookie.get("BIRDS", "");
var idx = chk.split("|");
var id;
var obj;
iCountYes = 0;
for(var i=0; i<idx.length; i++)
{
if(parseInt(idx[i]) > 0)
{
id = "Ja" + idx[i];
obj = document.getElementById(id);
if(obj != null)
{
obj.checked = true;
iCountYes++;
}
}
}
fn_update_sum();
}
function fn_checkbox_changed(oChkBox)
{
if(oChkBox.checked)
{
iCountYes++;
}
else
{
iCountYes--;
}
fn_update_sum();
}
function fn_update_sum()
{
objSum = document.getElementById('sum');
if(objSum != null)
{
objSum.value = iCountYes + " av " + iNumBirds;
}
}
</SCRIPT>
</head>
<body onLoad="fn_load()">
<form>
<table border="0" width="300">
<tr>
<td colspan="2"><u><b><font face="Verdana" size="2">Fågelart</font></b></u> </td>
<td colspan="2" width="55">
<p align="left"><u><b><font face="Verdana" size="2">Kryssad</font></b></u></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td width="25"> </td>
</tr>
<tr>
<td width="35"><font face="Verdana" size="2">1</font></td>
<td><font face="Verdana" size="2">Aftonfalk</font></td>
<td width="25"><font face="Verdana"><input type=checkbox name="Bird1" value="Ja" id="Ja1" onClick="fn_checkbox_changed(this);"></font></td>
</tr>
<tr>
<td width="35"><font size="2" face="Verdana">2</font></td>
<td><font face="Verdana" size="2">Aftonfalk</font></td>
<td width="25"><font face="Verdana"><input type=checkbox name="Bird2" value="Ja2" id="Ja2" onClick="fn_checkbox_changed(this);"></font></td>
</tr>
<tr>
<td width="35"><font face="Verdana" size="2">3</font></td>
<td><font face="Verdana" size="2">Aftonfalk</font></td>
<td width="25"><font face="Verdana"><input type=checkbox name="Bird3" value="Ja3" id="Ja3" onClick="fn_checkbox_changed(this);"></font></td>
</tr>
<tr>
<td width="35"><font size="2" face="Verdana">4</font></td>
<td><font face="Verdana" size="2">Aftonfalk</font></td>
<td width="25"><font face="Verdana"><input type=checkbox name="Bird4" value="Ja4" id="Ja4" onClick="fn_checkbox_changed(this);"></font></td>
</tr>
<tr>
<td width="35"><font face="Verdana" size="2">5</font></td>
<td><font face="Verdana" size="2">Aftonfalk</font></td>
<td width="25"><font face="Verdana"><input type=checkbox name="Bird5" value="Ja5" id="Ja5" onClick="fn_checkbox_changed(this);"></font></td>
</tr>
<tr>
<td> </td>
<td align="right">Summering</td>
<td><input type="text" size="6" id="sum"></td>
</tr>
</table>
<br>
<br>
<input type="button" value="Save" onClick="fn_save();">
<input type="button" value="Load" onClick="fn_load();">
</p>
</form>
</body>
</html>