stylesheet changer javascript cookie

benf posted this at 17:54 — 11th January 2007.

Joined: Feb 2005

I want to store the stylesheet that is chosen from the buttons i created into a cookie so it saves it throughout the site but i cant do it?

This fuction goes in the header

&lt;script type="text/javascript"&gt;

function changeCSS(cssDoc)
{
var back = document.getElementById('cssFile').href=<strong>createCookie('ppkcookie',cssDoc, 2);
</strong>
}

&lt;/script&gt;

these are my buttons

  <table class="context">
	<tr><td colspan="3">
		<emp><strong><b>Select your background:</b></emp></strong><p>
	</td></tr>

	<tr>
		<td>
		<acronym style="cursor: default;" title="Blue-Base">
		<div class="cssBlue" onCLick="changeCSS('cssBlue.css');"></div>
		</acronym>
		</td>


		<td>
		<acronym style="cursor: default;" title="Red-Base">
		<div class="cssRed" onCLick="changeCSS('cssRed.css');"></div>
		</acronym>
		</td>

		<td>
		<acronym style="cursor: default;" title="Black and White">
		<div class="cssBaW" onCLick="changeCSS('cssBaW.css');"></div>
		</acronym>
		</td>
		<td>

Note that in the function the part in bold is what i have added, without it and just leaving href=cssDoc it works but doesnt save?

Good Value Professional VPS Hosting

mik-crap posted this at 18:11 — 11th January 2007.

He has: 30 posts

Joined: Jan 2007

Storing the stylesheet as a cookie is a little, well, I've never heard of it!

Give each stylesheet a value and store the value selected as a cookie. Then, on page load, check the cookie for the value and return the matching stylesheet.