Cookies

toughGirl · Apr 9, 2001

Please look at this!!

(

http://home.earthlink.net/~toughgirl2/login.htm)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<SCRIPT LANGUAGE="JavaScript">
<!--

function setCookie(n,v){
nextYear=new Date();
nextYear.setFullYear(nextYear.getFullYear()+1);
document.cookie=n+"="+v+";expires="+nextYear.toGMTString();
}//end of function

function clearCookie

{
var v="nothing";
lastYear=new Date();
lastYear.setFullYear(lastYear.getFullYear()-1);
document.cookie=n+"="+v+";expires="+lastYear.toGMTString();
}//end of function

function getCookie

{
theArray=document.cookie.split("; &quot

;
for(var i=0;i<theArray.length;i++){
if(theArray.split("=&quot[0]==n){
return theArray.split("=&quot[1];
}//end of if
}//end of for loop
return null;
}//end of function

function checkAll(f){
if(f.save_u.checked){
setCookie("username",f.username.value);
}
else{
clearCookie("username"
}
return true;

}
//-->
</SCRIPT>
</head>
<body>
<FORM ACTION="logIn_action.htm" onSubmit="return checkAll(this)" NAME="logIn_form">
username:
<INPUT TYPE="text" NAME="username"><BR>
password:
<INPUT TYPE="text" NAME="password">
<BR>
save username?<INPUT TYPE="checkbox" NAME="save_u">
<INPUT TYPE="submit">
</FORM>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

</body>
</html>

I want to set both the username and password in a cookie. Currently, it is set only to making a username cookie. I also have a cookie_fns.js page.

Can anyone assist me?

tG

hd65 · Apr 9, 2001

here's how I would do it.

<script language=JavaScript>
//Start of cookie data
expireDate = new Date
expireDate.setYear(expireDate.getYear()+1)

function setCookie(n , v){
var cookieStr = n + "="+ v
document.cookie = cookieStr+";expires=" + expireDate.toGMTString()
}

function getCookie(){
if(document.cookie.split('=')[0] == 'username'){
cookievalue = document.cookie.split(';')[0]
return cookievalue.split('=')[1]
}else{
return ''}
}

function clearCookie

{
var v="nothing";
lastYear=new Date();
lastYear.setFullYear(lastYear.getFullYear()-1);
document.cookie=n+"="+v+";expires="+lastYear.toGMTString();
}

function checkAll(){
if(document.logIn_form.save_u.checked){
setCookie("username", document.logIn_form.username.value);
setCookie("password", document.logIn_form.password.value);
}
else{
clearCookie("username&quot

;
clearCookie("password&quot

;
}
return true;
}
// End of cookie code
</script>
</head>
<body>
<FORM ACTION="logIn_action.html" onSubmit="return checkAll(this)" NAME="logIn_form">
username:
<INPUT TYPE="text" NAME="username"><BR>
password:
<INPUT TYPE="text" NAME="password">
<BR>
save username?<INPUT TYPE="checkbox" NAME="save_u">
<INPUT TYPE="submit">
</FORM>
<SCRIPT LANGUAGE="JavaScript">
<!--
if(getCookie("username&quot

){
document.logIn_form.username.value=cookievalue.split("=&quot

[1];
}
//-->
</SCRIPT>
</body>

hope this helps
paul

toughGirl · Apr 10, 2001

Did the script work for you? It doesn't work for me but I see 2 possible reasons why (just don't know how to rewrite these things):

1) in the getCookie function, it references only the 'username'

2)in the script below the form, it's also only referencing the 'username'

Perhaps this is ok, but the rest of the script is looking for username AND password cookies....

Also, perhaps I'm testing wrong. First, I enter a user name and password, check the box and press submit. As I progress to the next page, it notes my login name. I then press 'back', erase the username and password (keeping the checkbox checked) and press 'refresh'. The name and password don't come up again...?

so from this test is how I'm thinking it doesnt work.

Any insight?
tG
--{-{@

hd65 · Apr 10, 2001

first if you want the cookie values to display when the page is loaded use

<body onLoad=ckCookie()>

so with that in mind here's what I changed.

<html>
<head>
<title>Untitled</title>
<script language=JavaScript>
//Start of cookie data

// Add from here-------------------------
function ckCookie(){
if(getCookie("username&quot

){
document.logIn_form.username.value=cookievalue.split("=&quot

[1];
}else{
document.logIn_form.username.value="";
}
if(getCookie("password&quot

){
document.logIn_form.password.value=cookievalue.split("=&quot

[1];
}else{
document.logIn_form.password.value="";
}
}

// to here ----------------------------------------

expireDate = new Date
expireDate.setYear(expireDate.getYear()+1)

function setCookie(n , v){
var cookieStr = n + "="+ v
document.cookie = cookieStr+";expires=" + expireDate.toGMTString()
}

function getCookie(){
if(document.cookie.split('=')[0] == 'username'){
cookievalue = document.cookie.split(';')[0]
return cookievalue.split('=')[1]
}else{
return ''}
}

function clearCookie

{
var v="nothing";
lastYear=new Date();
lastYear.setFullYear(lastYear.getFullYear()-1);
document.cookie=n+"="+v+";expires="+lastYear.toGMTString();
}

function checkAll(){
if(document.logIn_form.save_u.checked){
setCookie("username", document.logIn_form.username.value);
setCookie("password", document.logIn_form.password.value);
}
else{
clearCookie("username&quot

;
clearCookie("password&quot

;
}
return true;
}
// End of cookie code
</script>
</head>


<body onLoad=ckCookie()>


<FORM ACTION="logIn_action.html" onSubmit="return checkAll(this)" NAME="logIn_form">
username:
<INPUT TYPE="text" NAME="username"><BR>
password:
<INPUT TYPE="text" NAME="password">
<BR>
save username?<INPUT TYPE="checkbox" NAME="save_u">
<INPUT TYPE="submit">
</FORM>

</body>
</html>

Now when the page is reloaded it will display the username and the password IF the cookie exist.....

paul

toughGirl · Apr 12, 2001

ok, the script works good except the cookie isn't recordiing the password. it just inserts the username into both fields at refresh... tG
--{-{@

hd65 · Apr 12, 2001

Ok I spent a little more time checking this time
I've removed the getCookie function and changed the
ckCookie function. here it is
//Start of cookie data

expireDate = new Date
expireDate.setYear(expireDate.getYear()+1)

function setCookie(n , v){
var cookieStr = n + "="+ v
document.cookie = cookieStr+";expires=" + expireDate.toGMTString()
}

function ckCookie(){
if(document.cookie) {// If cookie exist
cookievalue1 = document.cookie.split(";&quot

[0];// Split cookies into name=value pairs and selects the first
document.logIn_form.username.value = cookievalue1.split("=&quot

[1]// split name value and write to form
cookievalue2 = document.cookie.split(";&quot

[1];// Split cookies into name=value pairs and selects the second
document.logIn_form.password.value = cookievalue2.split("=&quot

[1]// split name value and write to form
}else{
document.logIn_form.password.value = ""
document.logIn_form.username.value = ""
}
}

function clearCookie

{
var v="nothing";
lastYear=new Date();
lastYear.setFullYear(lastYear.getFullYear()-1);
document.cookie=n+"="+v+";expires="+lastYear.toGMTString();
}

function checkAll(){
if(document.logIn_form.save_u.checked){
setCookie("username", document.logIn_form.username.value);
setCookie("password", document.logIn_form.password.value);
}
else{
clearCookie("username&quot

;
clearCookie("password&quot

;
}
return true;
}
// End of cookie code

I hope its all good this time.
ps. are you sure you want the password to be auto. displayed on load. It's not the most secure thing to do
as the cookie is stored on the computer and anyone can
access any computer. which means if Joe logs in and saves
the username and password then leaves and Mary uses Joe's computer Mary can login under Joe's username and password because it will be there as soon as the page loads...
?????????
paul

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Cookies

toughGirl

MIS

hd65

Technical User

toughGirl

MIS

hd65

Technical User

toughGirl

MIS

hd65

Technical User

Similar threads

Part and Inventory Search

Sponsor