JavaScript - Large Cookie Issue

i got my scroller to work on my website now. thumbnail scroll doesnt auto scroll down as its going through the image... how do i make scrollbar automatically move while its going through the highlighted thumbnail image... i hope didnt sound confusing at all but heres the link to my website html coding

http://rusty813.comuv.com/sample2.html

Hi im new to working with cookies so would appreaciate a little help

I using the w3c tuturial as a template so heres a link so you can see what im trying to do http://www.w3schools.com/JS/js_cookies.asp

Code:

function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
  {
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
}

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}

function checkCookie(username)
{
var username=getCookie("username");
if (username!=null && username!="")
  {
  document.getElementById("feedback").innerHTML = " last time you scored " + username);
  setCookie("username",username,365);
  }
  
else 
  {
    if (username=null || username="")
    {
    setCookie("username",username,365);
    }
  }
}

I kept the variable names the same so you can follow and I don't confuse myself and make things more complected while im trying to debug it.

Some extra information. checkcookie is been given a variable it is just a simple number. Im making a questionnaire which is done but I wont the top of the page to tell the user how much they scored last or tell them this is their first time trying it. The variable being passed to check cookie is their score .

at the moment when I click the submit button nothing happens. Where it should trigger a score calculating function which should then call the checkcookie function while passing the score it calculated.


I would love if someone can point me in the right direction or help me correct it or atleast explain to me whats going wrong. Thanks and a lots of appreciation if anyone can spare the time

Hi im kind of new to cookies in Javascript.
But after reading a few tutorials on how the work I started to wonder.
Is it possible to grab a cookie made by my phpbb forum?

I would love to be able to login on my site using my phpbb forum cookies.

Anway if this is a bad idea ore won't work for any reason plz let me know.
Thanks

Hello. I am a neewb, so bare with me. This code is not working correctly for some reason. If I use it in Internet Explorer it will work, but only if you bring up the history in the url tab. You cannot refresh it for whatever reason. so basically it works in Explorer but no refresh. The big problem is Mozilla. I will not work at all. I have all of the cookies set for third party, remember last visit and so on. It will only display the welcome page for first time visitor. Then it will show the subsequent page, however it will not increment the count +1. I am not sure what is going on here, Explorer works, but with no refresh, and Mozilla does not really work at all? Here is my script currently:

<script type="text/javascript">
/* <![CDATA[ */

function hitMySite()
{
var lastDate = new Date();
lastDate.setMonth(lastDate.getMonth());
var dateString = (lastDate.getMonth() + 1) + "/" + lastDate.getDate() + "/" + lastDate.getFullYear();
if (document.cookie != "")
{
counter = document.cookie.split("=")[1];
counter = parseInt(counter) + 1;
date = document.cookie.split(":")[2];
var expireDate = new Date();
expireDate.setMonth(expireDate.getMonth() + 12);
document.cookie = "counter=" + counter + ":date:" + dateString + ";expires=" + expireDate.toGMTString();
document.write("<h1>You last visited this page on: " + date + "<br />You have been to this page " + counter + " times.</h1>");
}
else
{
document.write("<h1>Welcome to my Web site! This is your first visit here so be sure to bookmark my page!</h1>");
var counter = 1;
var expireDate = new Date();
expireDate.setMonth(expireDate.getMonth() + 12);
document.cookie = "counter=" + counter + ":date:" + dateString + ";expires=" + expireDate.toGMTString();
}
}
/* ]]> */
</script>
</head>
<body onload="hitMySite()">
</body>
</html>

Hi everyone!

Got a quick (cookie) question.
I looked on the internet for some cookie scripts (redirect ones), but unfortunately haven't been too lucky with these.

What I want to do is the following:

When the cookie is not found it goes to my main page, for example:
"www.anynamehere.com"
On the main page I can select where I want to go -
'Contacts', 'News', 'Forums' and so on. The main page has a drop down list with these options, each option has it's own link.

When I click on 'continue' and go to the specific link (ex. www.anynamehere.com/contacts.html) it should remember my selection, so next time I log into www.anynamehere.com it's automatically will take me to contacts.html. I will not see the main page anymore.

Now, if from the contacts page I select 'News' and go to www.anynamehere.com/news.html it has to remember that link as well. So if I close my browser and then reopen it, it should take me to www.anyname.com/news.html.

I hope that makes sense.

If anyone can give me any pointers I would greatly appreciate it. Maybe there is a script like that available online, I just wasn't lucky enough to find one.

Thank you in advance!

I'm new to using cookies. I am using JavaScript for a web project and I'm using cookies and I have 5 links for different movie trailers and I have a trailers.html page with a div with a id="movie" and want to know so that when you click on a Movie trailer link so that it stores a value in a cookie so that you can check on the trailers page which trailer was chosen and display in the div tag

I am running a vBulletin and am using a script to set a cookie each time someone clicks a banner. When the user then reloads the page it looks for that cookie and hides the banner if the cookie exists.

I now want to write the date into the cookie name so that the cookie name changes every day. I want to do this because for some reason the cookie gets re-written sometimes and never expires.

Because of vBulletin and Firefox I have to use PHP to check initially if the cookie is even set. Here is my current script, any help would be appreciated.
Code:

<?PHP
if( isset( $_COOKIE['noads139'] ) )
{

}
else
{
	?>
<script type="text/javascript">
function as_click () {
	myDate = new Date();
   myDate.setTime(myDate.getTime()+(1*24*60*60*1000));
   document.cookie = 'noads139=noads139; expires=' + myDate.toGMTString()+"; path=/"
}

// incredibly funky onload add-event scripting, for all browsers

		 if(typeof window.addEventListener != 'undefined')
		 {
		 	//.. gecko, safari, konqueror and standard
		 	window.addEventListener('load', adsense_init, false);
		 }
		 else if(typeof document.addEventListener != 'undefined')
		 {
		 	//.. opera 7
		 	document.addEventListener('load', adsense_init, false);
		 }
		 else if(typeof window.attachEvent != 'undefined')
		 {
		 	//.. win/ie
		 	window.attachEvent('onload', adsense_init);
		 }

		 //** remove this condition to degrade older browsers
		 else
		 {
		 	//.. mobile safari, mac/ie5 and anything else that gets this far

		 	//if there's an existing onload function
		 	if(typeof window.onload == 'function')
		 	{
		 		//store it
		 		var existing = onload;

		 		//add new onload handler
		 		window.onload = function()
		 		{
		 			//call existing onload function
		 			existing();

		 			//call adsense_init onload function
		 			adsense_init();
		 		};
		 	}
		 	else
		 	{
		 		//setup onload function
		 		window.onload = adsense_init;
		 	}
		 }
function adsense_init () {

	if (document.all) {  //ie

		var el = document.getElementsByTagName("iframe");
	
		for(var i = 0; i < el.length; i++) {
			if(el[i].src.indexOf('googlesyndication.com') > -1) {

				el[i].onfocus =  as_click;
			}
		}
	
	} else {   // firefox
	
		window.addEventListener('beforeunload', doPageExit, false);
		window.addEventListener('mousemove', getMouse, true);
	
	}
		
}

//for firefox
var px;
var py;

function getMouse(e) {
	px=e.pageX;
	py=e.pageY;
}

function findY(obj) {
	var y = 0;
	while (obj) {
		y += obj.offsetTop;
		obj = obj.offsetParent;
	}
	return(y);
}

function findX(obj) {
	var x = 0;
	while (obj) {
		x += obj.offsetLeft;
		obj = obj.offsetParent;
	}
	return(x);
}

function doPageExit(e) {

	ad = document.getElementsByTagName("iframe");
	for (i=0; i<ad.length; i++) {
		var adLeft = findX(ad[i]);
		var adTop = findY(ad[i]);
		var inFrameX = (px > (adLeft - 10) && px < (parseInt(adLeft) + parseInt(ad[i].width) + 15));
		var inFrameY = (py > (adTop - 10) && py < (parseInt(adTop) + parseInt(ad[i].height) + 10));
		
		if (inFrameY && inFrameX) {

			myDate = new Date();
            myDate.setTime(myDate.getTime()+(1*24*60*60*1000));
            document.cookie = 'noads139=noads139; expires=' + myDate.toGMTString()+"; path=/"
		
		}
	}

}

//end for firefox
</script>
<?PHP
}
?>
<div id="adsense" style="display: none">
<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxx";
/* 728x90, created 4/15/10 */
google_ad_slot = "xxxxxxxxxxxxxx";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<script type="text/javascript">
if (document.cookie.indexOf('noads139') < 0)
{
document.getElementById('adsense').style.display = '';
}
else {

}
</script>
<script type="text/javascript">
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i)))
{
document.getElementById('adsense').style.display = 'none';
}
else {
	
}
</script>

Hi,

i have a page with two links on it called link1 and link2, when link1 is clicked it creates a cookie called link with the value link1, when link2 is clicked it creates a cookie called link with the value link2. Also when the links are clicked they produce an overlay like light box with the cookie contents echod inside it.

That all works fine apart from if i click link1 and then close the overlay and click link2 the overlay still displays "link1" instead of displaying "link2" even tho the cookie has updated correctly. See it live HERE and heres the source code im using:

link.php:

Code:

<html>
<head>

<style>
		.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 25%;
			left: 25%;
			width: 50%;
			height: 50%;
			padding: 16px;
			border: 16px solid orange;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}
	</style>

<script language="JavaScript">


function lightbox()
		{
		document.getElementById('light').style.display='none';
		document.getElementById('fade').style.display='none';
		<?  $link = $_COOKIE["link"]; ?>
		}
		
function setCookie(c_name,value,expiredays)
{
	var exdate=new Date();
	exdate.setDate(exdate.getDate()+expiredays);
	document.cookie=c_name+ "=" +escape(value)+
	((expiredays==null) ? "" : ";expires="+exdate.toGMTString());

	document.getElementById('light').style.display='block';
	document.getElementById('fade').style.display='block';
}

</script> 
</head>
<body>
<p><a href = "javascript:void(0)" onclick = setCookie('link','link1',365)>Link 1</a></p>
<p><a href = "javascript:void(0)" onclick = setCookie('link','link2',365)>Link 2</a></p>

<div id="divCustomerInfo"><?PHP echo $link;?></div>
<div id="light" class="white_content"><? include('include_me.php'); ?> <a href = "javascript:void(0)" onclick = lightbox()></a></div>
		<div id="fade" class="black_overlay"></div>
		
</body>
</html>

And

include_me.php

Code:

<?PHP


$link = $_COOKIE["link"];
echo $link

?>
<html>
<head>


</head>
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a>
</body>
</html>

Hello
I have below script

i need add cookie to it . disable script untill cookie is not expired

can you please help me



<script language=javascript type="text/javascript">
<!-- Hide script from old browsers

//new window script
function jshow()
{window.open("http://www.google.com","blank")}

// End hiding script from old browsers -->
</script>

Hello there,
Could someone tell me how a javascript can get a cookie and use it as a parameter like www.mysite.com?search=COOKIEDATA

Thanks you (a)

Hello,

I was wondering if someone could tell me how to change the cookie on this piece of code?

I'd like it to put a different cookie for each page it's used on.

Any help would be appreciated.

Thanks!
Code:

       /* 
        * COOKIE FUNCTIONS
        */
       
        function createCookie(name, value, days) {
            if (days) {
                var date = new Date();
                date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                var expires = "; expires=" + date.toGMTString();
            }
            else var expires = "";
            document.cookie = name + "=" + value + expires + "; path=/";
        }

        function readCookie(name) {
            var nameEQ = name + "=";
            var ca = document.cookie.split(';');
            for (var i = 0; i < ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0) == ' ') c = c.substring(1, c.length);
                if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, 

c.length);
            }
            return null;
        }

        function eraseCookie(name) {
            createCookie(name, "", -1);
        }
        
        /* 
         * END COOKIE FUNCTIONS

Hello all!
I wanted to say hey as this is my first post!
I will probably stick around for a little, but I need help first.

I'm trying to make a code for something on a forum. It will prompt the user for a yes or cancel, then save a cookie with their answer.
Then the next time the script is called, it will check for the cookie. If there is one saved, it won't prompt and use that value.
Here's my breakdown (hope this is right)

1. Have a popup box that prompt for a 'yes' or 'cancel'
Code:

if(window.confirm("Use WHATEVER theme?"))
{
* * location.href = "URL HERE";
}

Got that!

2. Save a cookie with the answer
Here is where I need the help.
I really don't have a clue other than the fact that you use setCookie(name, value, expire). I'm guessing that there will need to be something special in the value section.

3. When the script is loaded, it will check for the cookie saved and do whatever was saved
Again, I need help. I know I'll need the getCookie function, but I dont know what else.


As you can see, I'm rather hazy in the cookies department.
If you ha any trouble and now understand it, please direct me to where you learned it as I am willing and wanting to learn this inportant function of JavaScript!

I tried to provide as much detail as possible, but if you have questions ask!

Any help would be greatly appreciated, whether or not it's the code I need. Whether it is direction or step by step help, I will still value it!

Thanks!

Hi i used cookies to store data using java script with 2 calculators, but there is a 3rd calculator that the cookies arent storing, can someone help me figure out where to implement the script?

Hello all, I need some help here. I'm new to HTML 5 and I'm not sure how to convert my cookie script over to HTML 5 LocalStorage. If anyone could help, I would appreciate it greatly.

Here's my cookie script:

Code:

var currentRotation=null;

function checkOrientAndLocation(){
 if(currentRotation != window.orientation){
 setOrientation();
 }
}

function setOrientation(){
 switch(window.orientation){
 case 0:
 orient = 'portrait';
 break;
 case 90:
 orient = 'landscape';
 break;
 case -90:
 orient = 'landscape';
 break;
 }
 currentRotation = window.orientation;
 document.body.setAttribute("orient",orient);
 setTimeout(scrollTo,0,0,1);
}

$(window).unload(function() { // On page unload
    $('.remember').each(function() { // Save each value to expire in a year
        $.cookie(this.id, this.value, {expires: 365});
    });
    $('.draggable').each(function() { // Save draggable positions
        var draggable = $(this);
        $.cookie(this.id, draggable.css('top') + '_' + draggable.css('left'), {expires: 365});
        $.cookie('disp' + this.id, draggable.css('display'), {expires: 365});
    });
});

$(function() {
  var val, pos, disp;
  setInterval(checkOrientAndLocation,1000);
  $('.remember').each(function() {
        var val = $.cookie(this.id); // Retrieve value for this element
        if (val) {
            this.value = val;
        }
    }
  );
  $('.draggable').each(function() {
        var pos = $.cookie(this.id); // Retrieve values for this element
        if (pos) {
            pos = pos.split('_');
            $(this).css({position: 'absolute', top: pos[0], left: pos[1]});
        }
        var disp = $.cookie('disp' + this.id);
        if (disp) {
            this.style.display = disp;
        }
    }
   ).touch({animate: false, sticky: false, dragx: true, dragy: true,
        rotate: false, resort: false, scale: false
  });
});

Issue with the following code is the cookie is not getting updated. It does create the cookie though.

Browser: Opera

Code:

javascript: var report = document.body.innerHTML;
var worldSpeed = 3;
var period = 1;
var timber = report.match(/Timber camp <b>\(Level \d{1,2}/i);
timber = timber.toString().split(" ")[3];
minelvl(timber);
tres = mineres;
var clay = report.match(/Clay pit <b>\(Level \d{1,2}/i);
clay = clay.toString().split(" ")[3];
minelvl(clay);
cres = mineres;
var iron = report.match(/Iron mine <b>\(Level \d{1,2}/i);
iron = iron.toString().split(" ")[3];
minelvl(iron);
ires = mineres;
var totallc = Math.round(tres + cres + ires);

var defendingVillage = document.getElementById('attack_info_def').innerText.match(/\d+\|\d+/gi);
var value = defendingVillage + '|' + totallc;

checkCookie(value);

//alert('This farm produces ' + value + ' resources per +period+ hours.', "JChilds");


function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
  {
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
}

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}

function checkCookie(value)
{
var TargetHaul=getCookie("TargetHaul");
var v=value;
alert("hi");
if (TargetHaul!=undefined && TargetHaul!="")
  {
  v=TargetHaul + ' ' + v;
  setCookie("TargetHaul",v,365);
  }
else 
  {
    v=value;
    setCookie("TargetHaul",v,365);
  }
}


function minelvl(mine) {
    if (mine == 0) {
        mineres = 5
    }
    if (mine == 1) {
        mineres = 30
    }
    if (mine == 2) {
        mineres = 35
    }
    if (mine == 3) {
        mineres = 41
    }
    if (mine == 4) {
        mineres = 47
    }
    if (mine == 5) {
        mineres = 55
    }
    if (mine == 6) {
        mineres = 64
    }
    if (mine == 7) {
        mineres = 74
    }
    if (mine == 8) {
        mineres = 86
    }
    if (mine == 9) {
        mineres = 100
    }
    if (mine == 10) {
        mineres = 117
    }
    if (mine == 11) {
        mineres = 136
    }
    if (mine == 12) {
        mineres = 158
    }
    if (mine == 13) {
        mineres = 184
    }
    if (mine == 14) {
        mineres = 214
    }
    if (mine == 15) {
        mineres = 249
    }
    if (mine == 16) {
        mineres = 289
    }
    if (mine == 17) {
        mineres = 337
    }
    if (mine == 18) {
        mineres = 391
    }
    if (mine == 19) {
        mineres = 455
    }
    if (mine == 20) {
        mineres = 530
    }
    if (mine == 21) {
        mineres = 616
    }
    if (mine == 22) {
        mineres = 717
    }
    if (mine == 23) {
        mineres = 833
    }
    if (mine == 24) {
        mineres = 969
    }
    if (mine == 25) {
        mineres = 1127
    }
    if (mine == 26) {
        mineres = 1311
    }
    if (mine == 27) {
        mineres = 1525
    }
    if (mine == 28) {
        mineres = 1774
    }
    if (mine == 29) {
        mineres = 2063
    }
    if (mine == 30) {
        mineres = 2400
    }
    mineres = mineres * worldSpeed;
};