Языки и средства создания Web-приложений - часть 10
</frameset>
</html>
В нашем примере мы создаем три фрейма с именами oglavlenie, title и main. Результатом открытия этого файла в браузере является появление окна, представленного на рис. 7.4.
4) Организовать гипертекстовую среду Учебника. Последним шагом в разработке компьютерного учебника является реализация гиперссылок из фрейма oglavlenie, загружающих соответствующие HTML-документы во фреймы title и main. Для этого следует открыть в программе Блокнот файл oglavlenie.html и вставить в него после тега <body> следующую запись
<P><SCRIPT LANGUAGE=“JavaScript”><!--
function loadPage(szNewURL,szTitle)
{
parent.main.window.location.href=szNewURL;
parent.title.window.location.href=szTitle;
}
// --></SCRIPT>
В каждую строку оглавления, из которой осуществляется гиперссылка к какому-либо информационному разделу, следует вставить запись, указывающую, какие файлы будут загружаться во фреймы main и title:
<A HREF=“javascript:loadPage('Имя html-файла, помещаемого
в фрейм main',' Имя html-файла, помещаемого в фрейм title');”>
Получаем следующий код для файла oglavlenie.html:
<HTML>
<HEAD>
<TITLE>ОГЛАВЛЕНИЕ</TITLE>
</HEAD>
<BODY>
<P><SCRIPT LANGUAGE=“JavaScript”><!--
function loadPage(szNewURL,szTitle)
{
parent.main.window.location.href=szNewURL;
parent.title.window.location.href=szTitle;
}
// --></SCRIPT>
<FONT FACE=“Times New Roman”><P>ОГЛАВЛЕНИЕ</P>
<P><A HREF=“javascript:loadPage('ch1.html','title.html');”>Глава1.</P> </FONT>
<P><A HREF=“javascript:loadPage('1.1.html','title.html');”>1.1.</P>
<P><A HREF=“javascript:loadPage('1.2.html','title.html');”>1.2.</P>
<P><A HREF=“javascript:loadPage('1.N.html','title.html');”>1.N.</P>
<FONT FACE=“Times New Roman”>
<P><A HREF=“javascript:loadPage('ch2.html','title.html');”>Глава 2.</P></FONT>
<P><A HREF=“javascript:loadPage('2.1.html','title.html');”>2.1.</P>
<P><A HREF=“javascript:loadPage('2.2.html','title.html');”>2.2.</P>
<P><A HREF=“javascript:loadPage('2.N.html','title.html');”>2.N.</P>
<FONT FACE=“Times New Roman”>
<P><A HREF=“javascript:loadPage('chN.html','title.html');”>Глава N.</P> </FONT>
<P><A HREF=“javascript:loadPage('N.1.html','title.html');”>N.1.</P>
<P><A HREF=“javascript:loadPage('N.2.html','title.html');”>N.2.</P>
<P><A HREF=“javascript:loadPage('N.N.html','title.html');”>N.N.</P>
</BODY>
</HTML>
После указанной процедуры открытый в браузере основной управляющий файл Учебника index.html, приобретает вид, представленный на рис. 7.5.