Try this code, it works fine for you, current font style is stored in cookie for future visits, I think it is simple and easy to understand
[HTML]<!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=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
function setActiveTextSize(activetSize){
Csize=document.getElementById('articleBody').style .fontSize;
if(Csize)
document.getElementById(Csize).className=Csize;
document.getElementById(activetSize).className='ac tive';
document.getElementById('articleBody').style.fontS ize = activetSize;
// write/rewrite cookie
createCookie("ActiveFontSize",activetSize,1000);
}
function createCookie(cookie_name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else expires = "";
document.cookie = cookie_name+"="+value+expires+"; path=/";
}
function readCookie(cooke_name) {
regexpr = cooke_name+ '=(.*?)(;|$)';
var results = document.cookie.match (regexpr);
if ( results ) {
return ( unescape ( results[1] ) );
}
else { return null; }
}
function applystyle(){
var Currentfontsize ='medium';
if (readCookie('ActiveFontSize')) {
var Currentfontsize = readCookie('ActiveFontSize');
setActiveTextSize(Currentfontsize);
} else {
setActiveTextSize(Currentfontsize);
}
document.getElementById(Currentfontsize).className ='active';
}
</script>
<style>
.textSizeTool span {
padding:2px;
margin:2px;
cursor:pointer;
}
.active{
border:thin;
background:#CCCCCC;
}
span:hover {
background:#CCCCCC;
}
.articleBody{
font-size:medium;
}
</style>
</head>
<body>
<div class="textSizeTool"><span style="font-size:small" class="small" id="small" onclick="setActiveTextSize('small');">T</span><span style="font-size:medium" class="medium" id="medium" onclick="setActiveTextSize('medium');">T</span><span style="font-size:large" class="large" id="large" onclick="setActiveTextSize('large');">T</span></div>
<div class="articleBody" id="articleBody">
A strong quake hit near Sakhalin island on Thursday, killing two people in a Russian fishing village and generating small tsunami waves that hit northern Japan.
The quake, with a preliminary magnitude of 6.4, struck at 0238 GMT on the southern tip of Sakhalin, just north of Japan, according to Japan's Meteorological Agency.
Viktor Beltsov, a spokesman for the Russian Emergency Situations Ministry, told The Associated Press that one woman died and two others were injured when the roof of a Palace of Culture collapsed in the small port town of Nevelsk. A man in Nevelsk died of a heart attack.
<script>
applystyle();
</script>
</div>
</body>
</html>[/HTML]
2
