JavaScript - Javascript Cookies

I am trying to make it when a user comes to a site, if they have been there before an alert box will open saying "Welcome firstname, lastname, and email address".

Right now I can get the code to work to show a first name, but when I try to get it to also show the last name and email I get an error or something like "Welcome NaN NaN, NaN".

Here is the code I have right now.

Code:

function confirmSubmission()
	{
		var confirmed = validateData();
		return confirmed;
	}//confirmSubmission
	
	function validateData()
	{
		if (document.forms[0].elements[1].value == "")
		{
			alert("You must enter a first name.");
			document.forms[0].elements[1].focus();
			return false;
		}//blank first name
		
		if (document.forms[0].elements[2].value == "")
		{
			alert("You must enter a last name.");
			document.forms[0].elements[2].focus();
			return false;
		}//blank last name
		
		if (document.forms[0].elements[3].value == "")
		{
			alert("You must enter an address.");
			document.forms[0].elements[3].focus();
			return false;
		}//blank address
		
		if (document.forms[0].elements[4].value == "")
		{
			alert("You must enter a city.");
			document.forms[0].elements[4].focus();
			return false;
		}//blank city
		
		if (document.forms[0].elements[5].value == "")
		{
			alert("You must enter a state.");
			document.forms[0].elements[5].focus();
			return false;
		}//blank state
		
		if (document.forms[0].elements[6].value == "")
		{
			alert("You must enter a zipcode.");
			document.forms[0].elements[6].focus();
			return false;
		}
		else
		{
			if (/...../.test(document.forms[0].elements[6].value) == false)
			{
				alert("You must enter a valid zipcode.");
				document.forms[0].elements[6].focus();
				return false;
			}
		}//blank zip
		
		if (document.forms[0].elements[7].value == "")
		{
			alert("You must enter an e-mail address.");
			document.forms[0].elements[7].focus();
			return false;
		}
		else
		{
			if (/@/.test(document.forms[0].elements[7].value) == false || (document.forms[0].elements[7].value).indexOf(".", (document.forms[0].elements[7].value).indexOf("@")) == -1)
			{
				alert("You must enter a valid e-mail address.");
				document.forms[0].elements[7].focus();
				return false;
			}
		}//blank email
		
		if (document.forms[0].elements[8].value == "" || document.forms[0].elements[9].value == "" || document.forms[0].elements[10].value == "")
		{
			alert("You must enter a telephone number.");
			document.forms[0].elements[8].focus();
			return false;
		}
		else
		{
			if (/.../.test(document.forms[0].elements[8].value) == false)
			{
				alert("You must enter a valid area code.");
				document.forms[0].elements[8].focus;
				return false;
			}//area code
			else
				if (/.../.test(document.forms[0].elements[9].value) == false)
				{
					alert("You must enter a valid telephone exchange.");
					document.forms[0].elements[9].focus;
					return false;
				}//NNX
				else
					if (/..../.test(document.forms[0].elements[10].value) == false)
					{
						alert("Your number must be four characters.");
						document.forms[0].elements[10].focus;
						return false;
					}//number
		}//blank telephone
			
		setCookie('username', document.forms[0].elements[1].value, 2);
		return true;
	}//validateData
	
	function setCookie(c_name, value, expiredays)
	{
		var expDate=new Date();
		expDate.setDate(expDate.getDate() + expiredays);
		document.cookie=c_name + "=" + escape(value) + ((expiredays==null) ? "" : ";expires=" + expDate.toUTCString());

And on another page I have:
Code:

function checkCookie()
	{
		username = getCookie('username');
		if (username != null && username != "")
			alert('Welcome back, ' + username + '!');
	}//checkCookie
	
	function getCookie(c_name)
	{
		if (document.cookie.length > 0)
		{
			c_start = document.cookie.indexOf(c_name + "=");
			if (c_start != -1)
			{
				c_start = c_start + c_name.length + 1;
				c_end = document.cookie.indexOf(";", c_start);
				if (c_end == -1) c_end=document.cookie.length;
		        return unescape(document.cookie.substring(c_start, c_end));
			}
		}
		return "";
	}

Any help would be appreciated.

I'm running into a bit of problems trying to use some JS cookies. I have 2 values I want stored and have created the following set cookie function Code:

 setCookie(Name, amountCorrect, totalAmountCorrect, max-age)
{ document.cookie = "averageScore" + quizAverageIncrement + totalCorrect +"; max-age=" + 1000 * 60 * 60 * 24 * 30 +"; path=/; }

Now I want to read the cookie and use the values from the two variables "averageScore" and "quizAverageIncrement" I'm not sure exactly how to be able to use the values of those two variables since they have been concatenated into a string when the cookie is made (I think). So I would like to start with Code:

 function getCookie(averageScore) { // if cookie is blank on first iteration do nothing else retrieve values I need. \n  if (document.cookie.length > 0

Thats all I have please point me in the right direction to retrieve these values and use them in my JS elsewhere.

I've looked on several websites and several threads here regarding writing and reading cookies with javascript, and I just can't seem to get it to work. All I want is a simple text box with 2 buttons: Save and Recall. Text entered into box is saved to a cookie when "Save" is pressed, and at a later date when "Recall" is pressed the saved text will show up in the box.

Can you help please?

Hi... is there a way to create iframes using cookies and javascript ?

What i need to do is to have a way to create a cookie on page one, and use the info on page two to create the iframe.

Users will see a list of "external links", once they click on a link, they will be redirected to a page that will generate a iframe of the chosen link.

My guess is that if there is a way, it must need to use cookies to store the info (url) to get used by the script that will create the iframe on the page that will be used to show all iframes.

Any ideas or help with this will be apriciated.
Sorry for my poor english.

I'm more of an actionscript person but got roped into an html/javascript job.

What I need to do, and it shouldn't be that difficult is this:

page1.html - there is a yellow button and a red button - if the user clicks on the yellow button I want to set a cookie with the value "yel" then load the next page - if they click the red button set that cookie with the value "red"

page2.html - 'onload' i want to read that cookie and load up the main image to match, something like this maybe?... document.mainimage.src='img/main_' + variable + '.png'
so that the path would be for example 'img/main_red.png'

Any help please? Preferably javascript only and as simple as possible.

If you think this would be easier sending that variable in the URL instead of as a cookie please explain. I'm having a very hard time searching for tutorials that are any good and that do exactly this kind of thing.

Hello guys!
I have a jquery fancybox that pop's up on exit (using onbeforeunload), now i want it to show only once so i tried doing it with cookies but i just can get it to work. this is my script so far hope you can help me with this, Thanks!
Code:

<script type="text/javascript">
	function PopIt() 
	{
		if (document.cookie.length == 0)
		{
			var exdate=new Date();
			exdate.setDate(exdate.getDate()+7);
			document.cookie="cook=yes" + ";expires="+exdate.toUTCString();

			$("a#trigger").trigger('click');
			window.onbeforeunload = UnPopIt;
			return "Before you leave:\nPlease take a few seconds to answer 2 questions\nso we can better assist you and others in the future. \nThanks!"; 				
		}
	}
	
	function UnPopIt()  { /* nothing to return */ } 
 
	$(document).ready(function() {
		window.onbeforeunload = PopIt;
 
		$("a#trigger").fancybox({
			'hideOnContentClick': false,
			'showCloseButton': true
		});
 
		$("a[id!=trigger]").click(function(){ window.onbeforeunload = UnPopIt; });
	});	
</script>

Hello,

Im pretty new at JavaScript still, and I am trying to add cookies to a page of my website, so that what is entered into form fields, is retained for future visits. Below is my code, and I am scratching my head as to why it is not working for me! I have viewed a few different cookie tutorials, and so far trying to shape them around what I am seeking, is leading me to my broken code.

Javascript:
Code:

var today = new Date();
var expiry = new Date(today.getTime() + 100 * 24 * 3600 * 1000); 

function setCookie(name, value) 
{ 
document.cookie=name + "=" + escape(value) + "; path=/; expires=" + expiry.toGMTString(); 
} 
function storeValues(form) 
{ 
setCookie("name", contact.name.value);
setCookie("email", contact.email.value);
setCookie("phone", contact.phone.value);
    return true; 
}
if(name = getCookie("name")) document.contact.name.value = name;
if(email = getCookie("email")) document.contact.email.value = email; 
if(phone =getCookie("phone")) document.contact.phone.value = phone;

HTML for the Form
Code:

<form action="mailto:ksim@dbk.com" method="POST" name="contact" onsubmit="return validateForm();" >
 <ul>
    <li>
        <strong>Name<font color="#5fb81e">*</font></strong>
        <div><input type="text" size="25" name="name" /></div>
    </li>
    <li>
        <strong>E-mail Address<font color="#5fb81e">*</font></strong>
        <div><input type="text" size="25" name="email" /></div>
    </li>
    <li>
        <strong>Phone Number<font color="#5fb81e">*</font></strong>
        <div><input type="text" size="25" name="phone" /></div>
    </li>
    <li>
        <strong>Prefered Type of Contact?<font color="#5fb81e">*</font></strong>
        <div><input type="radio" name="contact" value="email" id="contactem" /> E-mail<br />
        <input type="radio" name="contact" value="phone" id="contactph" /> Phone</div>
    </li>
        <li>
        <strong>Reason For Contact?</strong>
        <div><input type="checkbox" name="reason" value="showinfo" />Show Information<br />
        <input type="checkbox" name="reason" value="groupinfo" />Group Information<br />
        <input type="checkbox" name="reason" value="collab" /> Collaboration<br />
        <input type="checkbox" name="reason" value="misc" />Misc
</div>
    </li>
        <li>
        <strong>What Are You Contacting About?<font color="#5fb81e">*</font></strong>
        <div><textarea name="message" rows="7" cols="28"></textarea></div>
    </li>
        <li>
        <strong></strong>
        <div><input type="button" value="Save" conclick="setCookie();"/><button type="reset">Reset</button><button type="submit">Submit</button>
        </div>
    </li>
</ul>

If anyone has some tips to point me in the right direction, and let me see the error of my ways (pun totally intended) I would appreciate it.

Hi all,

I am having some problems with the below multiple image upload script.

Code:

<script type="text/javascript">
set_cookie ( "uid", "14" );
</script>
<script type="text/javascript">


$(function(){
	$('#swfupload-control').swfupload({
		upload_url: "upload-file.php",
		file_post_name: 'uploadfile',
		file_size_limit : "10240",
		file_types : "*.jpg;*.png;*.gif",
		file_types_description : "Image files",
		file_upload_limit : 100,
		flash_url : "jquery/swfupload/swfupload.swf",
		button_image_url : 'jquery/swfupload/wdp_buttons_upload_114x29.png',
		button_width : 114,
		button_height : 29,
		button_placeholder : $('#button')[0],
		debug: false
	})
		.bind('fileQueued', function(event, file){
			var listitem='<li id="'+file.id+'" >'+
				'File: <em>'+file.name+'</em> ('+Math.round(file.size/1024)+' KB) <span class="progressvalue" ></span>'+
				'<div class="progressbar" ><div class="progress" ></div></div>'+
				'<p class="status" >Pending</p>'+
				'<span class="cancel" >&nbsp;</span>'+
				'</li>';
			$('#log').append(listitem);
			$('li#'+file.id+' .cancel').bind('click', function(){
				var swfu = $.swfupload.getInstance('#swfupload-control');
				swfu.cancelUpload(file.id);
				$('li#'+file.id).slideUp('fast');
			});
			// start the upload since it's queued
			$(this).swfupload('startUpload');
		})
		.bind('fileQueueError', function(event, file, errorCode, message){
			alert('Size of the file '+file.name+' is greater than limit');
		})
		.bind('fileDialogComplete', function(event, numFilesSelected, numFilesQueued){
			$('#queuestatus').text('Files Selected: '+numFilesSelected+' / Queued Files: '+numFilesQueued);
		})
		.bind('uploadStart', function(event, file){
			$('#log li#'+file.id).find('p.status').text('Uploading...');
			$('#log li#'+file.id).find('span.progressvalue').text('0%');
			$('#log li#'+file.id).find('span.cancel').hide();
		})
		.bind('uploadProgress', function(event, file, bytesLoaded){
			//Show Progress
			var percentage=Math.round((bytesLoaded/file.size)*100);
			$('#log li#'+file.id).find('div.progress').css('width', percentage+'%');
			$('#log li#'+file.id).find('span.progressvalue').text(percentage+'%');
		})
		.bind('uploadSuccess', function(event, file, serverData){
			var item=$('#log li#'+file.id);
			item.find('div.progress').css('width', '100%');
			item.find('span.progressvalue').text('100%');
			var pathtofile='<img src="uploads/'+file.name+'" height="120px" width="120px"></img>';
			item.addClass('success').find('p.status').html(pathtofile);
		})
		.bind('uploadComplete', function(event, file){
			// upload has completed, try the next one in the queue
			$(this).swfupload('startUpload');
		})
	
});	

</script>

Process Page (upload-file.php)
Code:

<script type="text/javascript">
function get_cookie ( uid )
{
  var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' );

  if ( results )
    return ( unescape ( results[2] ) );
  else
    return null;
}
</script>
<?php

include('includes/config.php');


$uploaddir = 'uploads/'; 
$file = $uploaddir . basename($_FILES['uploadfile']['name']); 
$size=$_FILES['uploadfile']['size'];
if($size>10485760)
{
	echo "error file size > 10 MB";
	unlink($_FILES['uploadfile']['tmp_name']);
	exit;
}
if (move_uploaded_file($_FILES['uploadfile']['tmp_name'], $file)) { 

$uploadedfiles = ($_FILES);
$files = $uploadedfiles;
foreach($files as $value)
$a_id = $_COOKIE['a_id'];
$u_id = '<script type="text/javascript">var x = get_cookie ( "uid" );</script>';
{
$insert = "INSERT INTO images (a_id, u_id) VALUES ('$a_id', '$u_id')";

mysql_query($insert) or die(mysql_error());
}
  echo "success"; 
	}

 else {
	echo "error ".$_FILES['uploadfile']['error']." --- ".$_FILES['uploadfile']['tmp_name']." %%% ".$file."($size)";
}

?>

Basically the problem I am having that when the row is entered into the database, it always inputs a 0 for a_id and u_id, I have tried this with php cookies, php sessions and now I am trying with javascript cookies.

Why wont the included file read the cookies? Is their anyway to pass data into this script?

I believe that Code:

upload_url: "upload-file.php",

is the issue, I cant seem to parse any data into this file?

Any help would be greatly appreciated, this is driving me nuts!

Hi! I'm trying to make a multiple choice quiz using javascript. I downloaded codes from http://www.javascriptkit.com/script/cut180.shtml
But when I used it nothing comes up on the results (number of correct answer, number of wrong answer and percentage) as well as the solution box is empty.
I tried it on Google Chrome and it says "Your browser does not accept cookies. Please adjust your settings."
So I tried it in Safari because that's what we use in school and it doesn't work. The results and solution box is empty.
I am guessing that problem is with cookies?
Please help me.
Here are my codes:

- Quiz

//Enter total number of questions:
var totalquestions=10

//Enter the solutions corresponding to each question:
var correctchoices=new Array()
correctchoices[1]='a' //question 1 solution
correctchoices[2]='d' //question 2 solution, and so on.
correctchoices[3]='b'
correctchoices[4]='b'
correctchoices[5]='c'
correctchoices[6]='b'
correctchoices[7]='a'
correctchoices[8]='c'
correctchoices[9]='d'
correctchoices[10]='b'

/////Don't edit beyond here//////////////////////////

function gradeit(){
var incorrect=null
for (q=1;q<=totalquestions;q++){
var thequestion=eval("document.myquiz.question"+q)
for (c=0;c<thequestion.length;c++){
if (thequestion[c].checked==true)
actualchoices[q]=thequestion[c].value
}

if (actualchoices[q]!=correctchoices[q]){ //process an incorrect choice
if (incorrect==null)
incorrect=q
else
incorrect+="/"+q
}
}

if (incorrect==null)
incorrect="a/b"
document.cookie='q='+incorrect
if (document.cookie=='')
alert("Your browser does not accept cookies. Please adjust your browser settings.")
else
window.location="results.htm"
}


function showsolution(){
var win2=window.open("","win2","width=200,height=350, scrollbars")
win2.focus()
win2.document.open()
win2.document.write('<title>Solution</title>')
win2.document.write('<body bgcolor="#FFFFFF">')
win2.document.write('<center><h3>Solution to Quiz</h3></center>')
win2.document.write('<center><font face="Arial">')
for (i=1;i<=totalquestions;i++){
for (temp=0;temp<incorrect.length;temp++){
if (i==incorrect[temp])
wrong=1
}
if (wrong==1){
win2.document.write("Question "+i+"="+correctchoices[i].fontcolor("red")+"<br>")
wrong=0
}
else
win2.document.write("Question "+i+"="+correctchoices[i]+"<br>")
}
win2.document.write('</center></font>')
win2.document.close()
}

______________________________________________________________
For Results

<html>

<head>
<title>Instant Quiz Results</title>
</head>

<body bgcolor="#FFFFFF">

<p align="center"><strong><font face="Arial">

<script src="quizconfig.js">
</script>Quiz Results Summary</font></strong></p>
<div align="center"><center>

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><form method="POST" name="result"><table border="0" width="100%" cellpadding="0" height="116">
<tr>
<td height="25" bgcolor="#D3FFA8"><strong><font face="Arial">Number Of Correct Questions:</font></strong></td>
<td height="25"><p><input type="text" name="p" size="24"></td>
</tr>
<tr>
<td height="17" bgcolor="#D3FFA8"><strong><font face="Arial">Wrong Questions:</font></strong></td>
<td height="17"><p><textarea name="T2" rows="3" cols="24" wrap="virtual"></textarea></td>
</tr>
<tr>
<td height="25" bgcolor="#D3FFA8"><strong><font face="Arial">Grade Percentage:</font></strong></td>
<td height="25"><input type="text" name="q" size="8"></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</center></div>

<form method="POST"><div
align="center"><center><p>

<script>
var wrong=0
for (e=0;e<=2;e++)
document.result[e].value=""

var results=document.cookie.split(";")
for (n=0;n<=results.length-1;n++){
if (results[n].charAt(1)=='q')
parse=n

}

var incorrect=results[parse].split("=")
incorrect=incorrect[1].split("/")
if (incorrect[incorrect.length-1]=='b')
incorrect=""
document.result[0].value=totalquestions-incorrect.length+" out of "+totalquestions
document.result[2].value=(totalquestions-incorrect.length)/totalquestions*100+"%"
for (temp=0;temp<incorrect.length;temp++)
document.result[1].value+=incorrect[temp]+", "


</script>

<input type="button" value="Retake Quiz" name="B1"
onClick="history.go(-1)"> <input type="button" value="Show Solution" name="B2"
onClick="showsolution()"></p>
</center></div>
</form>
</body>
</html>


Please help me. I've been trying to find out what is wrong with my codes for a week.

Thanks in advance!

Hello. I have a youtube video that autoplays everytime one opens the webpage containing the video. The only extra parameter that causes the video to autoplay is having the following added at the end of the embed src link: "&autoplay=1" If that is not present or if a zero is present in place of the 1, the video does not autoplay.

I would like the video to play only once per session. If one is visiting the webpage a second time, the parameter above should not be present or the 1 should be a zero.

I am modifying attempting to modify this code: http://www.javascriptkit.com/script/...2/postit.shtml and I am able to get differnt urls to print on screen depending if it's a first visit or not.

Problem 1: I cannot however get this to work in Google Chrome.

Problem 2: When I attempt to get the url to be printed inside the embed src [/B]link, which is inside the object tag, the javascript either gets printed or that portion is ignored. I don't know if this is because of the quotations and the way I am handling them or if because javascript cannot be inserted inside an object tag.

Here is the code:

Code:

<html>
<body>

<br><br>

<script type="text/javascript">

//Post-it only once per browser session? (0=no, 1=yes)
//Specifying 0 will cause postit to display every time page is loaded
var once_per_browser=1
///No need to edit beyond here///
/* var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ns4)
crossobj=document.layers.postit
else if (ie4||ns6)
crossobj=ns6? document.getElementById("postit") : document.all.postit
function closeit(){
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
crossobj.visibility="hide"
} */

var url = "\"http://www.youtube.com/blah/version=3&hl=en_US&fs=1\"";

function get_cookie(Name) {
  var search = Name + "="
  var returnvalue = "";
  if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) { // if cookie exists
      offset += search.length
      // set index of beginning of value
      end = document.cookie.indexOf(";", offset);
      // set index of end of cookie value
      if (end == -1)
         end = document.cookie.length;
      returnvalue=unescape(document.cookie.substring(offset, end))
      }
   }
  return returnvalue;
}
function showornot(){
if (get_cookie('postdisplay')==''){
showit()
document.cookie="postdisplay=yes"
}
}

function showit(){

url = "\"http://www.youtube.com/blah/version=3&hl=en_US&fs=1&autoplay=1\"";

/*if (ie4||ns6)
crossobj.style.visibility="visible"
else if (ns4)
crossobj.visibility="show" */

} 

if (once_per_browser)
showornot()
else
showit()
</script>


<b>Outside the Object Tag:</b> <br>
<script type="text/javascript">document.write(url);</script>

<br><br>

<b>In the Object Tag</b>
<br><br>

<object width="570" height="250"><param name="movie" value="http://www.youtube.com/blah?version=3&hl=en_US&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src=<script type="text/javascript">document.write(url);</script> type="application/x-shockwave-flash" width="570" height="250" allowscriptaccess="always" allowfullscreen="true"></embed></object>


</body>
</html>

I am in the process of learning 'JavaScript' and I am having a problem understanding how to delete cookies. I understand that to do delete a cookie you want to set the expiration attribute of the cookie to delete, to any date in the past. My confusion lies in the exact syntax of how to do this. In the example s I have seen in books and on the internet it appears that you must submit the "exact" name/value pair that you originally set the cookie with to delete it. For an example:
var UserId = "MrJones", password = "secret";
var currentDate = new Date();
currentDate.setFullYear(currentDate.getFullYear()+1);

document.cookie = encodeURI("userid=" + UserId " + "; " +
"password=" + password + "; expires=" + currentDate.toUTCString());

What is the minimum syntax I would need to delete the cookie above?
Also, I need clarification on the terminology. Is a single cookie a collection of name/value pairs(also known as crumbs) or is each name/value pair considered a cookie unto itself?

Why does the ECMA board allow people on drugs to be part of settings standards for programming languages that will be used by the entire world?

I've been reading a book on JavaScript and have had no problems understanding anything until reaching Chapter 9 and the subject of cookies. This syntax is crazy. And the way you add to a cookie by using just an assignment operator? How about a cookie.Add() and a cookie.Delete() method?

Please assist, I have the following code to remember form inormation but it does not seem to work. Probably something stupid.

Code:

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Contact Page</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="yorkie.css" type="text/css" />
<script type="text/javascript">
/* <![CDATA[ */

// Confirm resetting of forms.
function confirmReset() {
	var resetForm = confirm("Are you sure you want to reset the form?");
	if (resetForm == true)
	return true;
	return false;
}

// If box clicked value within disappears	
function Focus(element) {
     if (element.value == element.defaultValue) {
       element.value = '';
     }
   }

// If nothing typed and box onblur the default value is restored within 
function Blank(element) {
     if (element.value == '') {
       element.value = element.defaultValue;
     }
   }

// Submission of Contact Form Verified
function verifySubmission() {
var retValue = true;
if (document.forms[2].email.value == "Enter Email Address"
|| document.forms[2].firstname.value == "Enter First Name"
|| document.forms[2].lastname.value == "Enter Last Name"
|| document.forms[2].telephone.value == "Enter Contact number") {
	window.alert("You did not fill in one of the following required fields: First Name, Last Name, Email Address, or Telephone Number.");
	retValue = false;
	}
return retValue;
}

// Email address verified as a valid email address
function validateEmail(formObject) {
var email = formObject.value;
var emailCheck = /^[_\w\-]+(\.[_\w\-]+)*@[\w\-]+(\.[\w\-]+)*(\.[\D]{2,3})$/;
if (emailCheck.test(email) == false) {
window.alert("The e-mail address you entered does not appear to be valid.");
formObject.value = formObject.defaultValue;
return false;
}
formObject.value = email.toLowerCase();
return true;
}

// Telephone number verified as a valid 10 digit number with no alpha characters
function verifyPhone(number) {
var phone = number.value;
var phoneCheck = /^(\d{10})$/;
if(phoneCheck.test(phone) == false) {
window.alert("The telephone number you entered does not appear to be valid.");
number.value = number.defaultValue;
return false;
}
return true;
}

// Show additional contact form details onclick of yes radio button
function showDiv() {
document.getElementById('breeders').style.visibility = 'visible';
}

// Hide certain contact form info onclick of No radio button
function hideDiv() {
document.getElementById('breeders').style.visibility = 'hidden';
}

// SAVE FORM INFORMATION FOR THE NEXT VISIT
function saveSelections(frm) {
		var setvalue;
		var fieldType;
		var index;
		var formname = frm.name;

		// CookieExpiry in 30 days.
		var today = new Date();
		var exp   = new Date(today.getTime()+30*24*60*60*1000);

		var string = "formname=" + formname + "|";
		var cookieName = formname;

		var n = frm.length;
		for (i = 0; i < n; i++)	{
			e = frm[i].name;
			fieldValue = frm[i].value;
			fieldType = frm[i].type;
			
			// Radio Buttons
			if (fieldType == "radio") {
				for (x=0; x < frm.elements[e].length; x++) {
					if (frm.elements[e][x].checked)
					{
					index = x
					}
				}
			string = string + index + "\|";
			}
			
			// Text, Textarea, and dropdowns
			if ((fieldType == "text") || (fieldType == "textarea") || (fieldType == "select")) {
		    	string = string + frm.elements[e].value + "\|";
			}
			
			// Checkboxes
			if (fieldType == "checkbox") {
				if (frm.elements[e].checked==true) {
					var setvalue = "1";
					}
				if (frm.elements[e].checked==false) {
					var setvalue = "0";
					}
			string = string + setvalue + "\|";
			}
			
			// Hidden field
			if (fieldType == "hidden") {
		    	string = string + frm.elements[e].value + "\|";
			}
		}
setCookie(cookieName, string, exp); 
}

// Load Form Fields from saved cookie
function loadSelections(frm) {
var e;
var z;
var x;
var cookieName;
var fieldArray;
var fieldValues;
var fieldValue;

var formname = frm.id;

// Retrieve form elements from cookie and split into array.
cookieName = formname;
fieldValues = getCookie(cookieName);
fieldArray = fieldValues.split("\|");

var n = frm.length;
for (i = 0; i < n; i++) {
	e = frm[i].name;
	z = i;
	z++;
	var fieldType = frm[i].type;
	var fieldValue = fieldArray[z];
	
	// Radio Buttons
		if (fieldType == "radio") {
			x = fieldValue;
			frm.elements[e][x].checked = true;
		}	
	
	// Text, Textarea, and dropdowns
	if ((fieldType == "text") || (fieldType == "textarea") || (fieldType == "select")) {
		frm.elements[e].value = fieldValue;
		}
	
	// Checkboxes
	if (fieldType == "checkbox") {
		var fld_checkbox = fieldValue;
		if (fld_checkbox == "1") {
			frm.elements[e].checked = true;
			}
	}
	
	// Hidden fields
	if (fieldType == "hidden") {
		frm.elements[e].value = fieldValue;
		}
	}
}

// COOKIE FUNCTIONS
function setCookie(name, value, expires) {
document.cookie= name + "=" + escape(value) + ((expires) ? "; expires=" + expires.toGMTString() : "");
}

function getCookie(name) {
var dc = document.cookie;
var prefix = name + "=";
var begin = dc.indexOf("; " + prefix);
if (begin == -1) {
begin = dc.indexOf(prefix);
if (begin != 0) return null;
} else {
begin += 2;
}
var end = document.cookie.indexOf(";", begin);
if (end == -1) {
end = dc.length;
}
return unescape(dc.substring(begin + prefix.length, end));
}
/* ]]> */
</script>
</head>

<body class="contact" onload="var begin=setInterval('changeBanner()',9000); currentClock(); currentDate();  document.getElementById('breeders').style.visibility = 'hidden'; " onunload="saveSelections(document.forms[0])">
<table width="92%">

<form action="mailto:lynette@sayorkies.co.za, subject=Contact Form" method="post" enctype="text/plain" onsubmit="return verifySubmission()" onreset="return confirmReset();">
<table class="center" cellpadding="5" border="1">

<!-- This enters a horizontal line -->
<tr><td><hr /></td></tr>

<!-- This is for the personal information -->
<tr><td><strong>Tell us who you a </strong></td></tr>
<tr><td><input type="text" name="firstname" size="25" maxlength="35" value="Enter First Name" onfocus="Focus(this);" onblur="Blank(this);" /> * 
<input type="text" name="lastname" style="margin-left: 52px;" size="25" maxlength="35" value="Enter Last Name" onfocus="Focus(this);" onblur="Blank(this);" /> *</td></tr>

<!-- This is for the contact information -->
<tr><td><strong>Your Contact details:</strong></td></tr>
<tr><td><input type="text" name="email" size="30" maxlength="60" value="Enter Email Address" onfocus="Focus(this);" onblur="Blank(this); validateEmail(this)" /> * 
<input type="text" name="telephone" style="margin-left: 20px;" size="20" maxlength="10" value="Enter Contact number" onfocus="Focus(this);" onblur="Blank(this); verifyPhone(this)" /> * </td></tr>

<!-- This is where you enter your message also select what type of message-->
<tr><td><strong>Your Message:</strong></td></tr>
<tr><td align="left">What is your message about?<br />
<input type="radio" name="type" value="compliment" /> Compliment 
<input type="radio" name="type" value="complaint" /> Complaint 
<input type="radio" name="type" value="general" checked="checked" /> General 
<input type="radio" name="type" value="enquiry" /> Enquiry 
<input type="radio" name="type" value="feedback" /> Feedback</td></tr>
<tr><td align="center"><textarea name="message" rows="6" cols="45" onfocus="Focus(this);" onblur="Blank(this)">Enter your message here...</textarea></td></tr>


<!-- Additional information -->
<tr><td align="left">Are you looking to purchase a Yorkie puppy?<br />
<input type="radio" name="purchase" value="yes" /> Yes 
<input type="radio" name="purchase" value="no" checked="checked" /> No</td></tr>

<tr><td align="left">Do you own a Yorkie?<br />
<input type="radio" name="owner" value="yes"  onclick="showDiv()" /> Yes 
<input type="radio" name="owner" value="no" checked="checked" onclick="hideDiv()" /> No<br />
<!-- If answer is no above the below questions are hidden, if yes then they appear -->
<div id="breeders">
How many? <select name="qnty" size="1"> 
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5+</option></select> 
Are you a breeder? <input type="radio" name="breeder" value="yes" /> Yes 
<input type="radio" name="breeder" value="no" checked="checked" /> No</div></td></tr>

<!-- Subscriptions -->
<tr><td align="left">Do you wish to subscribe to the following?<br />
<input type="checkbox" name="subscribe" value="letter" checked="checked" /> Monthly Newsletter<br />
<input type="checkbox" name="subscribe" value="pups" /> Notification of a new litter<br />
<input type="checkbox" name="subscribe" value="updates" /> Notification of site updates<br />
<input type="checkbox" name="subscribe" value="register" /> Registrations</td></tr>

<!-- Add a picture file -->
<tr><td align="left">Upload your favourite Yorkie photo for the Picture of the Month.<br />
<input type="file" name="upload" accept="image/gif, image/jpeg" size="30" style="margin-left: 15px; margin-top:5px;" /></td></tr>

<!-- This enters a horizontal line -->
<tr><td><hr /></td></tr>
<tr><td align="center">Required fields marked with *</td></tr>

<!-- Buttons to clear the form or to submit the form -->
<tr><td align="center"><input type="reset" value="Clear the Form" />
<input type="submit" value="Send your message" /></td></tr>

</table></form<script type="text/javascript">loadSelections(document.forms[0]);</script>

</body>
</html>

Console Error: Unable to get value of the property 'split': object is null or undefined
for this line:

Code:

fieldArray = fieldValues.split("\|");

I am hitting a brick wall, dont know what to do?

Hi there Guys,

I'm looking to set a cookie that lasts 24 hours and has a specific name.
The function is to check how many times a page has been visited by individual people and display it at the bottom of a HTML page.

I have an existing script that holds the data for 6 months that i have found as below.

My question, Can any one help me change this to the required time?

I'm a Noob when it comes to java scripting but enthusiastic to learn.

Code:

<SCRIPT>


expireDate = new Date
expireDate.setMonth(expireDate.getMonth()+6)
jcount = eval(cookieVal("jaafarCounter"))
jcount++
document.cookie = "test jaafarCounter="+jcount+";expires=" + expireDate.toGMTString()

function cookieVal(cookieName) {
thisCookie = document.cookie.split("; ")
for (i=0; i<thisCookie.length; i++){
	if (cookieName == thisCookie[i].split("=")[0]){
		return thisCookie[i].split("=")[1]
	}
}
return 0
}

function page_counter(){
for (i=0;i<(3-jcount.toString().length);i++)
document.write('<span class="counter">0</span>')
for (y=0;y<(jcount.toString().length);y++)
document.write('<span class="counter">'+jcount.toString().charAt(y)+'</span>')
}

</SCRIPT>

If I create a cookie in PHP here.

PHP Code:
setcookie('cookie_cl_'.$client_id, 'cookie_cl_'.$client_id, $time, "/","", 0); 


the php script is set on domain B

the javascript I want to read the cookie is set on domain B as well

However, the

hosted on DOMAIN A
Code:

 <script src=domain B .js>

I want the cookie to remain on domain B, but if I open the JS file using domain A, both php and JS are using domain B, though I can't seem to get the JS to find the cookie, is it looking at domain A ?

am I suppose to set a domain on cookie for this to work?

Hopefully this makes sense.

Hi is it possible to email cookies to my email address.
I have a order form and it saves all the information within a cookie and then goes to the payment page. I want to email the order details along with the payment detail to myself. Is this possible and how.

Below example of my cookie:

Code:

function nextForm() {
document.cookie = "prod1=" + encodeURIComponent(document.forms[0].prod1.value);
document.cookie = "prod2=" + encodeURIComponent(document.forms[0].prod2.value);
document.cookie = "prod3=" + encodeURIComponent(document.forms[0].prod3.value);

location.href="Payment.html";
}

I then have my payment cookie:
Code:

function paymentForm() {
	document.cookie = "FirstName=" + encodeURIComponent(document.forms[2].firstname.value) + ";secure=true";
	document.cookie = "LastName=" + encodeURIComponent(document.forms[2].lastname.value) + ";secure=true";
	document.cookie = "Email=" + encodeURIComponent(document.forms[2].email.value) + ";secure=true";
	document.cookie = "PhoneNumber=" + encodeURIComponent(document.forms[2].telephone.value) + ";secure=true";
	document.cookie = "Address=" + encodeURIComponent(document.forms[2].address1.value) + ";secure=true";
	document.cookie = "Address=" + encodeURIComponent(document.forms[2].address2.value) + ";secure=true";
	document.cookie = "City=" + encodeURIComponent(document.forms[2].city.value) + ";secure=true";
	document.cookie = "Province=" + encodeURIComponent(document.forms[2].province.value) + ";secure=true";
	document.cookie = "PostalCode=" + encodeURIComponent(document.forms[2].code.value) + ";secure=true";
	document.cookie = "AmountDue=" + encodeURIComponent(document.forms[2].totalDue.value) + ";secure=true";
	document.cookie = "CardName=" + encodeURIComponent(document.forms[2].cardName.value) + ";secure=true";
	document.cookie = "CardNumber=" + encodeURIComponent(document.forms[2].cardNumber.value) + ";secure=true";
	if (document.forms[2].correct.checked == true)
		document.cookie = "T&C Agreed = " + encodeURIComponent(true) + ";secure=true";
	top.location.href="thankyou.html";
}

and then my thankyou page from where it should be submitted to my email i am using a onload in the body but dont know what the code should look like.:
Code:

<body class="sale" onload="postCookie(); redirect(); return true">

<tr valign="middle"><td colspan="4" rowspan="10" align="center"><br /><hr />
<strong>Thank you for order! Your order will be processed within the next 48 hours.<br />
Your tracking number and postage details will be sent via email.<br />
You will now be taken back to the Home Page.<br />
Thanks for your support.</strong><br /><hr /><br />
<a href="http://www.sayorkies.co.za/home.html">Click here if your browser does not automatically redirect you.</a>
</td></tr>