Cookie soll Chackbox speichern !

[Henckel]

Hallo zusammen,

Bin neue hier im Forum und habe ein Problem :

ich möcht ereichen dass User die Auf meiner Seite sind Die Seite so einstellen können wie sie es möchten !

Dazu habe ich eine Chackbox auswahl erstellt .

Ich möchte jetzt ereichen dass ein Cookie diese Einstellungen speichert und wenn der User meine Seite irgendwann wieder betritt soll die Checkbox immer noch so stehen wie er sie verlassen hat.

Hier kurz der Code der Checkbox:

<img src="images/nix.gif" width=10 height=1 border=0 alt="">
<font face="Verdana, Arial, Helvetica, sans-serif" style="font-size: small; font-family: sans-serif; font-weight: normal;" color="#FFB903">
<input type="Checkbox" name="AnimationOn" value="1" >An</font>


<img src="images/nix.gif" width=10 height=1 border=0 alt="">
<font face="Verdana, Arial, Helvetica, sans-serif" style="font-size: small; font-family: sans-serif; font-weight: normal;" color="#FFB903"><input type="Checkbox" name="Smooth" checked value="1">Bewegung </font>

<img src="images/nix.gif" width=10 height=1 border=0 alt="">
<font face="Verdana, Arial, Helvetica, sans-serif" style="font-size: small; font-family: sans-serif; font-weight: normal;" color="#FFB903"><input type="Checkbox" name="Musik"  value="1">Musik-An</font>

<img src="images/nix.gif" width=10 height=1 border=0 alt="">
<font face="Verdana, Arial, Helvetica, sans-serif" style="font-size: small; font-family: sans-serif; font-weight: normal;" color="#FFB903"><input type="Checkbox" name="Relod"  value="1">Kein </font>CODE] 


Und ich dachte ich könne das mit eurem Scribt Cookie auslesen/schreiben realisieren .

[CODE]<script language="JavaScript">
<!-- Original: Mattias Sjoberg

<!-- Begin
var expDays = 30;
var exp = new Date(); 
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function Who(info){
var VisitorName = GetCookie('VisitorName')
if (VisitorName == null) {
VisitorName = prompt("Who are you?");
SetCookie ('VisitorName', VisitorName, exp);
}
return VisitorName;
}
function When(info){
var rightNow = new Date()
var WWHTime = 0;
WWHTime = GetCookie('WWhenH')
WWHTime = WWHTime * 1
var lastHereFormatting = new Date(WWHTime);
var intLastVisit = (lastHereFormatting.getYear() * 10000)+(lastHereFormatting.getMonth() * 100) + lastHereFormatting.getDate()
var lastHereInDateFormat = "" + lastHereFormatting;
var dayOfWeek = lastHereInDateFormat.substring(0,3)
var dateMonth = lastHereInDateFormat.substring(4,11)
var timeOfDay = lastHereInDateFormat.substring(11,16)
var year = lastHereInDateFormat.substring(23,25)
var WWHText = dayOfWeek + ", " + dateMonth + " um " + timeOfDay
SetCookie ("WWhenH", rightNow.getTime(), exp)
return WWHText
}
function Count(info){
var WWHCount = GetCookie('WWHCount')
if (WWHCount == null) {
WWHCount = 0;
}
else{
WWHCount++;
}
SetCookie ('WWHCount', WWHCount, exp);
return WWHCount;
}
function set(){
VisitorName = prompt("Hallo! Bitte sag mir Deinen Namen:");
SetCookie ('VisitorName', VisitorName, exp);
SetCookie ('WWHCount', 0, exp);
SetCookie ('WWhenH', 0, exp);
}
function getCookieVal (offset) { 
var endstr = document.cookie.indexOf (";", offset); 
if (endstr == -1) 
endstr = document.cookie.length; 
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) { 
var arg = name + "="; 
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;
}
function SetCookie (name, value) { 
var argv = SetCookie.arguments; 
var argc = SetCookie.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 = name + "=" + escape (value) + 
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + 
((path == null) ? "" : ("; path=" + path)) + 
((domain == null) ? "" : ("; domain=" + domain)) + 
((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) { 
var exp = new Date(); 
exp.setTime (exp.getTime() - 1); 
var cval = GetCookie (name); 
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
// End -->
</script>

<CENTER>
<b><font face="arial, helvetica" color="#0000FF" size="2" >
<SCRIPT LANGUAGE="JavaScript">
document.write("Hallo " + Who() + ". Du bist zum " + Count() + ".ten mal hier. Dein letzter Besuch war am " + When() +" Uhr!");
</SCRIPT>
</font></b>
</CENTER>

Kann mir dabei jemand helfen ?

Ich bekomme alleine nicht zurecht !

 

[Bjoern]

Ich arbeite jetzt nicht den Code durch, oder mache welchen, ich mache nur einen Vorschlag.
Die Leute sollen ihre Checkboxen auswählen, und dann auf einen "Übernehmen"-Button klicken.
Damit wird eine Funktion aufgerufen, die jeden Eintrag in einem Cookie speichert.
Es brauch nur den Wert 1 (true) und 0 (false) haben, je ob angekreuzt oder nicht.
Bei jedem Start werden die Cookies eingelesen, und die Site nach den Cookie-Werten aufgebaut.

 

[Henckel]

Ich arbeite jetzt nicht den Code durch, oder mache welchen, ich mache nur einen Vorschlag.
Die Leute sollen ihre Checkboxen auswählen, und dann auf einen "Übernehmen"-Button klicken.
Damit wird eine Funktion aufgerufen, die jeden Eintrag in einem Cookie speichert.
Es brauch nur den Wert 1 (true) und 0 (false) haben, je ob angekreuzt oder nicht.
Bei jedem Start werden die Cookies eingelesen, und die Site nach den Cookie-Werten aufgebaut.

Ihr sollt auch nicht den Code durcharbeiten der war nur zur orientierung !

Gerade damit habe ich ja ein problem hat jemand mal ein Beispiel wie ich einen inhalt einer chackbox in den Cookie schreibe !

Ich komme mit den Cookies noch nicht zurecht und brache echte Unterstützung !

Ja ich habe self html gelesen und die Grundfunktionen verstanden aber das mit dem Übergeben habe ich nicht verstanden !

 

[Bjoern]

Du schreibst
setCookie('Name der Eigenschaft',document.getElementById('Name der Checkbox').check);

(ich weiß nicht genau, wie man abfragt, ob ein Kästchen angekreuzt ist)

evtl. musst du es auch so machen:

if(document.getElementById('Name der Checkbox').check=='checked')
{setCookie('Name der Eigenschaft',1);}
else {document.getElementById('Name der Checkbox').check=='checked')
{setCookie('Name der Eigenschaft',0);}}

 

[Henckel]

@ Bjoern

Danke für die Hilfestellung!

Leider bin ich nicht weitergekommen !

Habe jetzt mit den Verschiedenen Lösungsansätzen gearbeitet !

Ich habe immer noch das Problem dass die Häckchen beim Reload wieder raus sind !

Hat nicht jemand eine fertige Lösung die so was ähnliches macht ?

Leider bin ich ein echter Newbie in der Javascribt Sprache .

aber ich würde die Funktion sehr gerne auf meiner Seite einbinden !

MfG Justus Henckel

 

[Bjoern]

Wenn du das Häckchen setzten willst, muss das glaube ich so heißen:
document.getElementById('Name der Checkbox').check='checked')

Du kannst das so machen:
if(getCookie('Name des Cookies'))
{document.getElementById('Name der Checkbox').check='checked')
}