Free-Conversant Support / Cookie Example
 Home   About Conversant   Free Sites   Hosting   Support   XML-RPC 
Support Home

Documentation

Search Support Site

Discussion Group
  Ask a Question
  Recent Topics
  Message Calendar

Membership
  Logon
  Join Now!

Subscribe via Email
Unsubscribe via Email

Search



Cookie Example

This page demonstrates the use of cookies to customize the user experience in Conversant.

Click on one of the buttons below to change the color of the box...

  

This is accomplished using Conversant's #setCookie and #cookie macros, and the 'cookie.[xxx].exists' conditional macro.

This page contains a form with buttons that have javascript onClick events that post you to another page. The red button posts to the 'setRed' page, and the blue button posts to the 'setBlue' page. The form code is:

<form>
<input type="button" name="setRed" value="Red" />
<input type="button" name="setRed" value="Blue" />
</form>
The 'setRed' page is a bound message with the following content:
<!--#setCookie name="boxColor" value="red"-->
<!--#if condition="(requestPath == '/examples/cookies/setRed') && !(userAgent contains 'IE')"-->
<!--#redirect url="/examples/cookies/index"-->
<!--#else-->
You will be redirected momentarily.
<!--#endif-->
The form button redirects your browser to a different page. This page uses the #setCookie macro to set a cookie value, then redirects back to this page using the #redirect macro. If you are using Internet Explorer, this page does not call the redirect macro, because for some reason IE/Windows does not accept cookies along with a redirect ( IE/Mac and most other browsers do ). In order to workaround the IE/Win behavior, the 'setRed' page has the following template, that will force the browser back to the original page without sending a redirect to the cookie is stored:
<html>
<head>
<title>redirector</title>
<META HTTP-EQUIV=Refresh CONTENT="0; URL=http://support.free-conversant.com/examples/cookies/index">
</head>
<body>
<!--#pageContent-->
</body>
</html>

The 'setBlue' page is essentially the same, but sets the cookie value to 'blue' in the #setCookie macro.

Then, in this page, the box above is included using the following code:

<!--#if condition="!cookie.boxColor.exists"-->
<div style="background-color:black;width:100px;height:100px;">
<!--#else-->
<div style="background-color:<!--#cookie name="boxColor"-->;width:100px;height:100px;">
<!--#endif-->
  
</div>
This code first tests for the existence of the cookie using the 'cookie.[cookieName].exists' macro. If it doesn't exist, the box defaults to black. If it does, the value of the cookie is used as the background-color in the style of the box.


View in DG