JavaScript - Javascript Cookie Exist Else Script

Hi everyone, I am using a jQuery cookie script to set the cookie of some elements on my website. One of the problems is that I need the cookie to not expire after one day, I need it to expire after a while (I'm going to start off with a year).

Here's my script, the red part is what I've been editing.

Code:

/**
 * Cookie plugin
 *
 * Copyright (c) 2006 Klaus Hartl (stilbuero.de)
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 */

/**
 * Create a cookie with the given name and value and other optional parameters.
 *
 * @example $.cookie('the_cookie', 'the_value');
 * @desc Set the value of a cookie.
 * @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secu  true });
 * @desc Create a cookie with all available options.
 * @example $.cookie('the_cookie', 'the_value');
 * @desc Create a session cookie.
 * @example $.cookie('the_cookie', null);
 * @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain
 *       used when the cookie was set.
 *
 * @param String name The name of the cookie.
 * @param String value The value of the cookie.
 * @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
 * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
 *                             If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
 *                             If set to null or omitted, the cookie will be a session cookie and will not be retained
 *                             when the the browser exits.
 * @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).
 * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
 * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
 *                        require a secure protocol (like HTTPS).
 * @type undefined
 *
 * @name $.cookie
 * @cat Plugins/Cookie
 * @author Klaus Hartl/klaus.hartl@stilbuero.de
 */

/**
 * Get the value of a cookie with the given name.
 *
 * @example $.cookie('the_cookie');
 * @desc Get the value of a cookie.
 *
 * @param String name The name of the cookie.
 * @return The value of the cookie.
 * @type String
 *
 * @name $.cookie
 * @cat Plugins/Cookie
 * @author Klaus Hartl/klaus.hartl@stilbuero.de
 */
jQuery.cookie = function(name, value, options) {
    if (typeof value != 'undefined') { // name and value given, set cookie
        options = options || {};
        if (value === null) {
            value = '';
            options.expires = -1;
        }
        var expires = '';
        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
            var date;
            if (typeof options.expires == 'number') {
                date = new Date();
 				date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000 * 365)); 
            } else {
                date = options.expires;
            }
            expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
        }
        // CAUTION: Needed to parenthesize options.path and options.domain
        // in the following expressions, otherwise they evaluate to undefined
        // in the packed version for some reason...
        var path = options.path ? '; path=' + (options.path) : '';
        var domain = options.domain ? '; domain=' + (options.domain) : '';
        var secure = options.secure ? '; secure' : '';
        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    } else { // only name given, get cookie
        var cookieValue = null;
        if (document.cookie && document.cookie != '') {
            var cookies = document.cookie.split(';');
            for (var i = 0; i < cookies.length; i++) {
                var cookie = jQuery.trim(cookies[i]);
                // Does this cookie string begin with the name we want?
                if (cookie.substring(0, name.length + 1) == (name + '=')) {
                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                    break;
                }
            }
        }
        return cookieValue;
    }
};

Never mind. I found a solution to get it working.

I still don't know why it occurred, but I don't have the time to fulfill my curiosity like I could when I was a teenager.

Hi,

I want to add a cookie in this script to show the popunder once a day.
Can someone help me to change the following code to make it work ?

Code:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Popunder</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
</head>
<body>
<form id="popSubmit" action="http://www.google.com">
<input type="submit" />
</form>

<script type="text/javascript">
(function($) {

$.popunder = function(sUrl) {
var _parent = self;
var bPopunder = ($.browser.msie && parseInt($.browser.version, 10) < 9);

if (top != self) {
try {
if (top.document.location.toString()) {
_parent = top;
}
}
catch(err) { }
}


var sOptions = 'toolbar=1,scrollbars=1,location=1,statusbar=1,menubar=0,resizable=1,width=' + (screen.availWidth).toString();
sOptions += ',height=' + (screen.availHeight).toString() + ',screenX=0,screenY=0,left=0,top=0';


var popunder = _parent.window.open(sUrl, 'pu_' + Math.floor(89999999*Math.random()+10000000), sOptions);
if (popunder) {
popunder.blur();
if (bPopunder) {

window.focus();
try { opener.window.focus(); }
catch (err) { }
}
else {

popunder.init = function(e) {
with (e) {
(function() {
if (typeof window.mozPaintCount != 'undefined') {
var x = window.open('about:blank');
x.close();
}

try { opener.window.focus(); }
catch (err) { }
})();
}
};
popunder.params = {
url: sUrl
};
popunder.init(popunder);
}
}

return this;
}
})(jQuery);

$('#popSubmit').submit(function() {
jQuery.popunder('http://www.facebook.com');
});
</script>
</body>
</html>

I have been trying for some time now to find a script to create a cookie for the following, so that the user selected font size is remebered throughtout the site.

I have traweled the internet for some time now but all to no avail, the only guides i can find are for resizing a single element, which is no good for what i require.


The code i already have is:

<script type="text/javascript">
//Specify affected tags. Add or remove from list:
var tgs = new Array( 'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'a', 'b', 'li', 'form.button' );

//Specify spectrum of different font sizes:
var szs = new Array( 'x-small','small','medium','large','x-large' );
var startSz = 2;

function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;

sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 5 ) sz = 5;
startSz = sz;

if (!( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];

cEl.style.fontSize = szs[ sz ];

for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}
</script>

On a seperate issue i would also like to know if there is a script i can put in to enable users to quickly return to the default font size (although it would not be the end of the world if such a thing is not possible).

anyone can help me in cookie ? i couldn't get it to work. My objective is when i click the submit button in the guestbook page, the cookie will then capture just the 'name' and display it out in thankyou page.

guestbook page

var seconds = 0;

function startTimer()
{
window.setInterval("updateTime()", 1000);
}

function updateTime()
{
seconds++;
soFar.innerText = seconds;
}
function validate_email(field)
{
with (field)
{
apos=value.indexOf("@"); //find the position of the @ character
dotpos=value.lastIndexOf(".");// find the last position of the . character
if (apos<1||dotpos-apos<2)
{
alert("Not a valid e-mail address!"); return false;
}
}
}
function validate_length(field)
{
with(field)
{
if (value.length == 0)
{
alert("Please fill up the column!"); return false;
}
}
}
function getCookie(NameOfCookie){
if (document.cookie.length > 0) {
begin = document.cookie.indexOf(NameOfCookie+"=");
if (begin != -1){
begin += NameOfCookie.length+1;
end = document.cookie.indexOf(";",begin);
if (end == -1) end = document.cookie.length;
return unescape(document.cookie.substring(begin, end));
}
}
return null;
}
function setCookie(NameOfCookie, value, expiredays) {
var ExpireDate = new Date ();
ExpireDate.setTime(ExpireDate.getTime() + (expiredays * 24 *3600 * 1000));

document.cookie = NameOfCookie + "=" + escape(value) +
((expiredays == null)?"" : ";expires=" + ExpireDate.toGMTString());
}
function delCookie (NameOfCookie){
if (getCookie(NameOfCookie)){
document.cookie = NameOfCookie + "=" +
"; expires=Thu,01-JAN-70 00:00:01 GMT";
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_length(yourname) == false)
{
yourname.focus(); return false;
}
if (validate_length(email)==false || validate_email(email)==false)
{
email.focus(); return false;
}
if ( ( document.contact_my.gender[0].checked == false )
&& ( document.contact_my.gender[1].checked == false ) )
{
alert ( "Please choose your Gender: Male or Female" );
valid = false;
contact_my.focus(); return false;
}
}
}
</script>

<form name="contact_my" action="thankyou.html" onSubmit="return validate_form(this)" && onClick="setCookie" method="post" >

<input type="submit" value="Submit">
<input type="reset" value="Reset form" onClick="delCookie( 'username' )">

thankyou page

function getCookie(NameOfCookie){
if (document.cookie.length > 0) {
begin = document.cookie.indexOf(NameOfCookie+"=");
if (begin != -1){
begin += NameOfCookie.length+1;
end = document.cookie.indexOf(";",begin);
if (end == -1) end = document.cookie.length;
return unescape(document.cookie.substring(begin, end));
}
}
return null;
}
function setCookie(NameOfCookie, value, expiredays) {
var ExpireDate = new Date ();
ExpireDate.setTime(ExpireDate.getTime() + (expiredays * 24 *3600 * 1000));

document.cookie = NameOfCookie + "=" + escape(value) +
((expiredays == null)?"" : ";expires=" + ExpireDate.toGMTString());
}
function DoTheCookieStuff()
{
username=getCookie ('username');
if ( username!=null ) {document.writeln ('Hi there '+username+' - Good to see you again!')}
}