1. перекинь скрипт в <head>
2. if (mainUl[j].nodeName == "LI") в этом нет смысла после var mainUl = document.getElementById("changeFont").getElementsB yTagName("LI");
рабочий код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Увеличиваем шрифт</title>
<style type="text/css">
body {font-size: 120%;}
ul.changeFont {list-style: none;}
ul.changeFont li {
float: left;
margin: 0 0 0 5px;
}
ul.changeFont li a {
text-decoration: none;
color: #082b25;
}
ul.changeFont li a:active {color: #ec0024}
#small {font-size: 11px;}
#big{font-size: 15px;}
#bigger{font-size: 19px;}
.spacer {clear: both;}
#text {font-size: 14px;}
.text_14px {font-size: 14px !important;}
.text_17px {font-size: 17px !important;}
.text_20px {font-size: 20px !important;}
</style>
<script type="text/javascript">
font = function () {
var mainUl = document.getElementById("changeFont").getElementsByTagName("LI");
for (j = 0; j < mainUl.length; j++) mainUl[j].onclick = function () {
changeFont(this.id)
};
cookieLoad()
};
changeFont = function (elem) {
var change = document.getElementById("text");
switch (elem) {
case "small":
change.setAttribute("class", "text_14px");
break;
case "big":
change.setAttribute("class", "text_17px");
break;
case "bigger":
change.setAttribute("class", "text_20px");
break
}
if (change.getAttribute("class")) {
var cookie = change.getAttribute("class");
cookieSet(cookie)
}
};
cookieSet = function (cookie) {
if (navigator.cookieEnabled) {
if (cookie != "") {
cDate = new Date;
cDate.setTime(cDate.getTime() + 36E5);
rDate = cDate.toGMTString();
document.cookie = "c_name=" + cookie + "; expires=" + rDate + ";"
}
cookieLoad()
}
};
cookieLoad = function () {
if (navigator.cookieEnabled) if (document.cookie != "") {
docCook = document.cookie.split("; ");
docCook[0] = docCook[0].split("=");
cAttr = docCook[0][1];
document.getElementById("text").setAttribute("class", cAttr)
}
};
if (window.addEventListener) window.addEventListener("load", font, false);
else if (window.attachEvent) window.attachEvent("onload", font);
</script>
</head>
<body>
<ul class="changeFont" id="changeFont">
<li id="small"><a href="javascript:void(0);">A</a></li>
<li id="big"><a href="javascript:void(0);">A</a></li>
<li id="bigger"><a href="javascript:void(0);">A</a></li>
</ul><br class="spacer">
<div id="text">
Анонимные - доступны только с момента объявления. Синтаксис new Function используется редко, в
основном для получения функции из текста, например, динамически загруженного с сервера в
процессе выполнения скриптов.
</div>
</body>
</html>