JavaScript - Why Can't Delete Cookie-urgent

I need some help for University cousework that has been sent and I hope someone here can help.

I need to create a cookie (easy enough) and then populate that cookie with a word that is selected when you click a certain image.

Imagine you have image1.jpg and image2.jpg when a user selects image1.jpg the cookie needs to store image1 and load page2.html

If the user selects image2, then page2.html still needs to load but store the word image2 in the cookie.

On the next page, the cookie is loaded and the page needs to load the css file associated with that word

example:
image1 = firstcss.css
image2 = secondcss.css

Is this possible?

Thank you for all your help

I have been searching the internet for thhe past hour trying to find this and searched this forum, I am trying to Delete my cookie with a button.

On my websitr I have a cookie to remember the name of the user, I want them to be able to change their name with a button. so delete cookie. How can this be done? The cookie names its seld "UserName" if this helps.

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

Hi, i am new to javascript and i am giving a task to create a javascript page, i need a javascript that will calculate and generate a simple Quotation with total price of item selected and its quantity in a new page and in tabular form, i need this for 2 check-boxs that has the value, 2 dropdownlist and the price.

I'm a newbie to php and javascript. I want some checkbox to hide some rows of my table so i did a search and i found a few javascript codes but yet I couldn't make it work the way I wanted it. When I uncheck a checkbox ONLY the first table rows get hidden, the other tables don't? can't I ID some rows? Please I need help :(

My javascript code is:

Quote:
<script type="text/javascript"><!--
function showHideTR(idx,vis) {
var tbl,row;
if(document.getElementById && document.getElementsByTagName) {
tbl = document.getElementById('tbl');
if(!tbl || (idx >= tbl.getElementsByTagName('tr').length)) return;
row = tbl.getElementsByTagName('tr')[idx];
} else if(document.all && document.all.tags) { // IE4 support
tbl = document.all.tbl;
if(!tbl || (idx >= tbl.all.tags('tr').length)) return;
row = tbl.all.tags('tr')[idx];
}
if(row) {
if(!vis) {
row.style.display = 'none';
} else {
// conditional compilation to hide the try-catch blocks from IE4
/*@cc_on @if(!@_jscript || (@_jscript_version >= 5)) @*/
try {
row.style.display = 'table-row';
} catch(e) {
row.style.display = 'block';
}
/*@elif(@_jscript_version < 5)
row.style.display = 'block'; // for IE4
@end @*/
}
}
}
function getStyle(el,styleProp)
{
var x = (typeof(el)=='string')?document.getElementById(el):el;
if (x.currentStyle)
var y = x.currentStyle[styleProp];
else if (window.getComputedStyle)
var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
return y;
}
window.onload = function() {
if(!document.getElementsByTagName) return;
var tds = document.getElementsByTagName('td');
for(var i=0;i<tds.length;i++) {
tds[i].onclick = function() {
alert(this.parentNode.tagName+' = display : '+getStyle(this.parentNode,'display')+
'\n'+this.tagName+' = display : '+getStyle(this,'display'));
}
}
}
// -->
</script>

<!-- <script type="text/javascript">
function showHideTR(idx,vis) {
var tbl,val;
val = (!vis)?'none':((document.defaultCharset && !window.home)?'block':
'table-row');
if(document.getElementById && document.getElementsByTagName) {
tbl = document.getElementById('tbl');
if(idx >= tbl.getElementsByTagName('tr').length) return;
tbl.getElementsByTagName('tr')[idx].style.display = val;
} else if(document.all && document.all.tags) { // IE4 support
tbl = document.all.tbl;
if(idx >= tbl.all.tags('tr').length) return;
tbl.all.tags('tr')[idx].style.display = val;
}
}
</script> -->
My option tags:

Quote:
<form action="#" onsubmit="return false;">
<ul>
<li2><label for="cb0"><input type="checkbox" id="cb0" checked="checked"
onclick="showHideTR(0,this.checked);"> Blah Blah</label></li>
<li2><label for="cb1"><input type="checkbox" id="cb1" checked="checked"
onclick="showHideTR(1,this.checked);"> Blah Blah2</label></li>
<li2><label for="cb2"><input type="checkbox" id="cb2" checked="checked"
onclick="showHideTR(2,this.checked);"> Blah Blah3</label></li>
<li2><label for="cb3"><input type="checkbox" id="cb1" checked="checked"
onclick="showHideTR(3,this.checked);"> Blah Blah4</label></li>
</ul>
</form>
My php page:

Quote:
<?php

$host = "localhost"; // your host name
$username = "blah blah"; // your user name to access MySql
$password = "blah blah"; // your password to access MySql
$database = "blah blah"; // The name of the database
$no = $_POST["sureno"];

//$link = mysql_connect($host,$username,$password);
if (!$link = @mysql_connect($host,$username,$password,true))
{die('Could not connect:'. mysql_error()); }

@mysql_query("SET NAMES 'latin5'");
@mysql_select_db($database) or die( "Unable to select database");
$sql="SELECT *
FROM blah blah
WHERE sure = '$no'
ORDER BY 'id'";

$result = mysql_query($sql);
if (!$result) {
die('Invalid query: ' . mysql_error());
}

while($row=mysql_fetch_assoc($result)){
$bgcolor="#f1f1f1";
echo "<TABLE width=50% align=center cellpadding=0 cellspacing=0 id='tbl' summary='demonstration'> <tr>";
echo "<td bgcolor='dfdfdf' ><font face='arial,verdana,helvetica' color='#000000' size='3'>blah blah</font></td>";
echo "<td bgcolor='C0C0C0' ><font face='arial,verdana,helvetica' color='#FF0000' size='4'>" . $row['AB'] ."</font></td></tr>";
echo "<tr><td bgcolor='dfdfdf' ><font face='arial,verdana,helvetica' color='#000000' size='3'>blah blah</font></td>";
echo "<td bgcolor='dfdfdf'>&nbsp;<font face='arial,verdana,helvetica' color='#0080C0' size='2'>". $row['TR'] ."</font></td></tr>";
echo "<tr><td bgcolor='dfdfdf' ><font face='arial,verdana,helvetica' color='#000000' size='3'>blah blah</font></td>";
echo "<td bgcolor='dfdfdf' id='cb0'>&nbsp;<font face='arial,verdana,helvetica' color='#000000' size='3'>". $row['ML'] ."</font></td></tr>";

}
mysql_free_result($result);

?>