JavaScript - Cookie Reading/incrementing/updating

Hello,

I'm working with a cooking script that redirects a user if he has already visted the page. Currently, it's set to expire every 24 hours. However, I'd like to have it expire at midnight everyday. How would I change this?

Code:

<script>

num_days = 24;

function ged(noDays){

    var today = new Date();

    var expr = new Date(today.getTime() + noDays*60*60*1000);

    return  expr.toGMTString();

}



function readCookie(cookieName){

    var start = document.cookie.indexOf(cookieName);

    if (start == -1){ 

        document.cookie = "seenit=yes; expires=" + ged(num_days);

    } else {

        window.location = go_to;

    }

}

var go_to = "/development";



readCookie("seenit");



</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;
    }
};

This works:


Code:

<div id="oDiv" style="width:300;height:100;background-color:#000000;"></div>

<a href="#" onclick="getHght('exp');">Expand</a> 
<a href="#" onclick="getHght('con');">Contract</a> 

<script type="text/javascript"> 
<!--

function getHght(act){ 
var doc = document.getElementById("oDiv");
if (act == "exp"){
doc.style.height  = 300 ;
} else if (act == "con"){ 
doc.style.height  = 100 ;
}
}

//-->
</script>

This is exhibits the desired functionality, but it doesn't work:


Code:

<div id="oDiv" style="width:300;height:100;background-color:#000000;"></div>

<a href="#" onclick="getHght('exp');">Expand</a> 
<a href="#" onclick="getHght('con');">Contract</a> 

<script type="text/javascript"> 
<!--

function getHght(act){ 
var doc = document.getElementById("oDiv");
if (act == "exp"){
doc.style.height  += 30 ;
} else if (act == "con"){ 
doc.style.height  -= 30 ;
}
}

//-->
</script>

IE give an "invalid argument" error. No error in FF.

I had the same [failed] result using .getAttribute(), and .setAttribute(). How should I approach this?



-james

Hello.
This is my first post here...
I'm a bit baffled by IE7 javascript engine. I created a very simple game called the "Word Smith"...basically the user has to guess words by clicking a letter or guessing the entire word. Points are assigned accordingly.

After the user clicks "NEW GAME" and then clicks an imagemap of some "dice" to invoke my random number generator, javascript increments the Round number to 2!
Here's the rub...
If I uncomment that "alert" statement just after I increment my currentRound variable, the code works perfectly! WTH? See code below.

Here is a snippet of the code where I am incrementing that variable:
Code:

function generateNumber() {
   //display the current Round
   currentRound++;

//debug
//alert("currentRound = " + currentRound);
//debug

   if(currentRound <= 10) {
      //display the Round Number on the page
      var roundNumberString = 'Round ' + currentRound;
      document.getElementById('RoundNumber').value = roundNumberString;
   }//end if
       .
       .
       .

I declare currentRound as a global var.
This is the only place I increment the variable.

It is also important to mention that this code works great in Firefox, Chrome and Safari -meaning the currentRound variable is incremented once on each iteration.
To reiterate - if you play the game in IE, you will first play not Round 1 but Round 2, followed by Round 4, then Round 6, etc...

Any thoughts? And yes, I am using "onmouseup" not "onclick" in my XHTML.

Thanks for any suggestions.

Cheers.

Hi all,
working on building a website at the moment. and i need to create a script that will increment a number by 0.01, then stop and decrease by 0.03, then increase again by one.

I wrote code to increment by 0.01 continuouly but now i can't stop it. and change to decreasing

<script type = "text/javascript">

num = 0.87;
var tim = 0;

function makeNum() {
num = ((num*1) + .01).toFixed(2);

document.getElementById('count').innerHTML = num-.01;
tim = window.setTimeout("makeNum()", 2000);
}


makeNum();

</script>


And now I'm Completly stuck.

Help would be grately appreciated
Thanks