JS+HTML: Изменение шрифта на странице, с запоминанием выбора :: Web-программирование

Приветствую!

Есть такой интересный ява-скрипт для смены размера шрифта на странице — с запоминанием выбора в куки-файле (т.е. при переходе с неё на другие связанные страницы шрифт не изменится) —

Код:

<HTML>
<HEAD>
<TITLE>font</TITLE>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" href="_style.css" type="text/css" />

<style type="text/css">
#topline {
    margin: 0; padding: 0 1em;
    border: solid; border-width: 1px ;
    text-align:right;
    font-size:.87em; line-height:2em;
    font-family: "Trebuchet MS", Verdana, Arial;
    }
#topline a {
    font-weight: bold; border:0;
    }
#topline a:hover {
    text-decoration:underline;
    background-color: transparent;
    }
#topline div#fontS {
    float: left;
    width:20em;
    text-align:left;
    position:relative;
    }
#topline div#fontS a {
    font-weight: normal;
    }
#topline div#fontS a:hover {
    text-decoration: none;
    }
#topline strong {
    border: 1px solid; padding: 0 2px;
    }

#topline span strong {
    cursor:pointer;
    }
#topline span strong:hover {
    background:#eef; color:#039;
    }
#topline a span {
    position:absolute; top:1em; left:-3000em;
    display: block; width: 19.4em;
    padding: .7em;
    text-align: center;
    border: 1px solid; background: #fff;
    font-weight: normal; line-height: 1.2;
    color: #777;
    z-index:200;
    }
#topline a:hover span {
    left:.3em;
    }

.kap0 #topline {
    background-color: #455678; color:#eee; border-color:#124; }
.kap0 #topline a, #topline a:hover { color:#dee9ff !important; }
</style>
</HEAD>
<body id="top">
<div class="kap0">
<div id="topline" >
ein Web-Handbuch von <a href="http://www.univie.ac.at/rel_jap/start/konzept.htm#autor">Bernhard Scheid</a>
</div>
</div>

текст вне таблицы<br>
текст вне таблицы<br>
текст вне таблицы<br>
текст вне таблицы<br>
текст вне таблицы<br>
текст вне таблицы<br>
текст вне таблицы<br>
текст вне таблицы<br>

<table cellspacing="0" cellpadding="0" width="100%" height="100%" border="0">
<tr><td>
текст в таблице<br>
текст в таблице<br>
текст в таблице<br>
текст в таблице<br>
текст в таблице<br>
текст в таблице<br>
текст в таблице<br>
текст в таблице<br>
</td>
</tr>
</table>

<script type="text/javascript">
/*
font-size
navigation-menu
*/

////////////////////////////////////////////////////
/// COOKIES fьr font-size ////
//credits: PPK, www.quirksmode.org/js/cookies.html//

var fontGr = 12;

function setFont(size) {
var date = new Date(); var days = 7;
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
document.cookie = "rjFont="+size+expires+"; path=/";
checkFont();
}

function checkFont() {
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf("rjFont=") == 0)
         fontGr = c.substring(7,c.length); // 7 = 'rjFont='.length
    }
fontGr = (!fontGr || fontGr==NaN)? 12 : (fontGr<6)? 6 : (fontGr>50)? 50 :fontGr;
document.getElementById("top").style.fontSize = fontGr+"px";
//document.getElementById("fontNow").innerHTML = fontGr;
document.getElementById("q").innerHTML = fontGr + " px";
}

fontA = "";

font = new Array (12, 14, 15, 16, 18, 20, 24);
for (i=0; i<font.length;i++) {
fontA +="<strong onclick='setFont("+font[i]+")'>"+font[i]+"</strong> ";
}

if (navigator.cookieEnabled) {
tpL = document.getElementById("topline");

fChanger = tpL.insertBefore(document.createElement('div'), tpL.firstChild);
fChanger.id = "fontS";
fChanger.innerHTML =
"<a onmouseover='showhideSpan(0)' onmouseout = 'showhideSpan(-2000)'>"+
"Schriftgröße <strong id='q'>15 px</strong> +/−" +
    "<span id='ftSize' style=' left:-2000px; background: #fff'>"+fontA+"</span> </a>";
checkFont();
}
function showhideSpan(value) {
document.getElementById("ftSize").style.left = value+"px";
}
</script>

Однако почему-то текстов, находящихся внутри таблиц, изменения не касаются. В чем может быть дело?

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки