Страница, управляемая с клавиатуры
В этом случае при попытке прокрутки страницы вручную пользователь < разу же получит окно-предупреждение. Если же он просто хочет почему – либо использовать ручную прокрутку, это окно будет его раздражать и мешать работе. Так что предыдущее решение как нельзя более подходит для данного случая – небольшая подсказка в строке состояния и все.
Ладно, давайте посмотрим, что у нас получилось, здесь введено еще несколько усовершенствований, связанных с использованием таблицы стилей. Например, нет необходимости каждый термин заключать в теги <В> и </В>. Вместо этого для тега <DT> заранее определено стилевое свойство font-weight: bold;.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"><HTML> <HEAD> <TITLE>Словарь терминов</TITLE> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html" CHARSET="windows-1251"> <STYLE> BODY { background-color: #EAEAEA; color: black; } A:link, A:active, A:visited { color: #7A3F51; } DT { font-weight: bold; } </STYLE> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> //<!-- function press() { switch (window.event.keyCode) { case 1072: case 102: document.all.BukvaA.scrollIntoView(); break; case 1073: case 44: document.all.BukvaB.scrollIntoView(); break; case 1074: case 100: document.all.BukvaV.scrollIntoView(); break; case 1075: case 117: document.all.BukvaG.scrollIntoView(); document.all.BukvaD.scrollIntoView(); break; case 1077: case 116: document.all.BukvaE.scrollIntoView(); break; default: document.all.Top.scrollIntoView(); break; } } //--> </SCRIPT></HEAD> <BODY onKeyPress="press()" onKeyDown="this.style.color='gray'" onKeyUp="this.style.color='black'" onScroll="window.status= 'Вы можете перемещаться к нужной букве, используя клавиатуру!'"> <H1><A NAME="Top">Словарь терминов</A></H1> <HR ALIGN="left" WIDTH="40%"> <H3> <A HREF="#BukvaA">А</A><A HREF="#BukvaB">Б</A> <A HREF="#BukvaV">В</A><A HREF="#BukvaG">Г</A> <A HREF="#BukvaD">Д</A><A HREF="#BukvaE">Е</A> </H3>Для перемещения к соответствующей букве вы можете использовать клавиатуру <HR ALIGN="left" WIDTH="40%"> <H1><A NAME="BukvaA">А</A></H1> <DL> <DT><A NAME="avtentich">АБТЕНТИЧЕСКИЙ КАДАНС</A></DT> <DD>кадансовый оборот, в котором заключительная тоническая гармония предваряется доминантовой</DD> <DT><A NAME="aliquot">АЛИКВОТНЫЕ СТРУНЫ</A></DT> <DD>резонирующие струны, к которым исполнитель не прикасается во время игры</DD> <DT><A NAME="atakta">АТАКТА</A></DT> <DD>гармонический элемент на басу нижнего или верхнего вводного тона</DD> </DL> <SMALLXA HREF="#Top">В начало</A> </SMALL> <HR ALIGN="'left" WIDTH="40%"> <H1><A NAME="BukvaB">Б</A></H1> <DL> <DT><A NAME="bagatel">БАГАТЕЛЬ</A></DT> <DD>небольшая нетрудная для исполнения пьеса</DD> <DT><A NAME="bartok">БАРТОКОВСКОЕ ПИЦЦИКАТО</A></DT> <DD>сильный щипок струны с последующим ударом о струны о гриф</DD> <DT><A NAME="bonang">БОНАНГ</A></DT> <DD>Набор из 10-12 гонгов разного размера</DD> </DL> <SMALL><A HREF="#Top">В начало</A></SMALL> <HR ALIGN="left" WIDTH="40%"> <H1><A NAME="BukvaV">В</A></H1> <DL></DL> <SMALL><A HREF="#Top">В начало</A></SMALL> <HR ALIGN="left" WIDTH="40%"> <H1><A NAME="BukvaG">Г</A></H1> <DL></DL> <SMALL><A HREF="#Top">В начало</A></SMALL> <HR ALIGN="left" WIDTH="40%"> <H1><A NAME="BukvaD">Д</A></H1> <DL></DL> <SMALL><A HREF="#Top">В начало</A></SMALL> <HR ALIGN="left" WIDTH="40%"> <H1><A NAME="BukvaE">E</A></H1> <DL></DL> <SMALL><A HREF="#Top">В начало</A></SMALL> </BODY> </HTML>Итак, мы познакомились со всеми основными обработчиками событий. Конечно, существуют и другие обработчики, но они применяются реже.