www.webdeveloper.com
Results 1 to 2 of 2

Thread: [RESOLVED] Using returned variable values

Hybrid View

  1. #1
    Join Date
    Jun 2006
    Location
    Doncaster
    Posts
    78

    resolved [RESOLVED] Using returned variable values

    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

  2. #2
    Join Date
    Jun 2006
    Location
    Doncaster
    Posts
    78

    Any ideas?

    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 Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles