[RESOLVED] Using returned variable values

**AliHurworth** · 05-13-2011 06:57 AM

Hi all,
This is a cookie question.

I've set a cookie with a name-value pair of warning=none/block.

I'm then aiming to use this to set the CSS when the page loads, for a particular element. The cookie sets okay, but I don't know how to read it into the CSS.

Can anyone help?

This is the HTML:

HTML 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome</title>
<script type="text/javascript">

function get_cookie(warning)
{
  var results = document.cookie.match ( '(^|;) ?' + warning + '=([^;]*)(;|$)' );

  if ( results )
    return ( unescape ( results[2] ) );
  else
    return null;
}
function checkCookie()	{
	document.getElementById('warning').style.display = ??what do I write here??;
}
</script>

<link href="milton.css" rel="stylesheet" type="text/css" />
</head>
<body onload="checkCookie()">
<div>

The cookie value is: 
	<script type="text/javascript">
		var x = get_cookie ('displayWarning');
		document.write(x);
		
	</script>
<div id="warning" style="background:#900; color:#FC6">
<h1>Thank-you for visiting our website today. </h1>
<strong>Please note this site is a demo</strong>. Any information you add will be deleted securely.
<p>
If you would like to know more, contact the group leader.
</div>
</div>
</html>

and for the record, the cookie is set using a link:

HTML Code:

Click <a href="javascript:setCookie('displayWarning','none')"><span style="text-decoration: underline;">here to hide</span></a>
Click <a href="javascript:setCookie('displayWarning','block')"><span style="text-decoration: underline;">here to show</span></a>

and this function:

HTML Code:

<script type="text/javascript">
function setCookie(name,value) {
	document.cookie = name + "=" + escape ( value );
}
</script>

Any help would be greatly appreciated

**AliHurworth** · 05-13-2011 04:26 PM

Ha seems I'd already done the spade-work in the get_cookie function.

I just used:

Code:

function checkCookie()	{
	var x = get_cookie ('displayWarning');
	document.getElementById('warning').style.display = x;
}

Full listing:

HTML 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome</title>
<script type="text/javascript">

function get_cookie(warning)
{
  var results = document.cookie.match ( '(^|;) ?' + warning + '=([^;]*)(;|$)' );

  if ( results )
    return ( unescape ( results[2] ) );
  else
    return null;
}
function checkCookie()	{
        var x = get_cookie ('displayWarning');
	document.getElementById('warning').style.display = x;
}
</script>

<link href="milton.css" rel="stylesheet" type="text/css" />
</head>
<body onload="checkCookie()">
<div>

The cookie value is: 
	<script type="text/javascript">
		var x = get_cookie ('displayWarning');
		document.write(x);
		
	</script>
<div id="warning" style="background:#900; color:#FC6">
<h1>Thank-you for visiting our website today. </h1>
<strong>Please note this site is a demo</strong>. Any information you add will be deleted securely.
<p>
If you would like to know more, contact the group leader.
</div>
</div>
</html>

Thread: [RESOLVED] Using returned variable values

Thread Tools

Display

Hybrid View

[RESOLVED] Using returned variable values

Any ideas?

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions