<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=windows-1251">
<title>Смена надписей</title>
<script type="text/javascript">
<!--
var linksTexts=//Тексты ссылок
[
"Текст ссылки на первый файл",
"Текст ссылки на второй файл",
"Текст ссылки на третий файл",
"Текст ссылки на четвёртый файл",
"Текст ссылки на пятый файл",
"Текст ссылки на шестой файл"
];
var filesNames=//Имена файлов
[
"1.htm",
"2.htm",
"3.htm",
"4.htm",
"5.htm",
"6.htm"
];
var linksNumber=5;//Число ссылок в окошке
var filesText=new Array();
var loadingFileName='';
function showText(fileName)
{
var a, p=document.getElementById('textplace');
if (a=filesText[fileName])
p.innerHTML=a;
else
document.getElementById('myiframe').src=loadingFileName=fileName;
}
function changeLinks(page)
{
var i, N=Math.min(page*linksNumber, linksTexts.length);
var x='';
for (i=(page-1)*linksNumber; i<N; i++)
x+='<a href="javascript:showText(\''+filesNames[i]+'\');">'+linksTexts[i]+'<BR>';
document.getElementById('linksDiv').innerHTML=x;
}
function writePageBar()
{
var x='', i, N=Math.ceil(linksTexts.length/linksNumber);
for (i=1; i<=N; i++)
x+='<a href="javascript:changeLinks('+i+');">'+i+'</a> ';
document.write(x);
}
//-->
</script>
</head>
<body>
<iframe id="myiframe" src="about:blank" style="display: none;"></iframe>
<div id="linksDiv"> </div>
</div>
<p>Выбрать страницу:</p>
<script type="text/javascript">
<!--
writePageBar();
changeLinks(1);
//-->
</script>
<div id="textplace" style="width: 100%; background-color: yellow;">
Текст по умолчанию.
</div>
</body>
</html>