Листинг 5.1. Добавление всплывающего текста
<HTML>
<HEAD>
<TITLE>Образец Web-страницы</TITLE>
</HEAD>
<BODY>
<Р> Для добавления <А href='javascript:def_show() '>цифровой подписи</А><(Q id='def_text' onClick=def_move();-></Q>  к документам, передаваемым с вашего компьютера, щелкните здесь для выгрузки и установки цифрового сертификата.</Р>
<SCRIPT>
function def_show() {
parent.def_text.innerHTML="<FONT color='red'> -(Цифровая подпись: шифрованная электронная подпись, подтверждающая подлинность документа. Наличие цифровой подписи подтверждает, что документ был получен от владельца подписи и не был изменен.)</FONT>";
};
function def_move(){
parent.def_text.innerHTML="";
};
</SCRIPT></BODY></HTML>
Сохраните документ в формате HTML и дважды щелкните на файле и окне Мой компьютер, чтобы открыть его с помощью обозревателя. Текст отобразится в окне обозревателя, как показано на рис. 5.1. Щелкните на словах «цифровой подписи»,отформатированных как гиперссылка. В текст абзаца будет добавлено определение термина «цифровая подпись»,как показано на рис. 5.2. Текст определения взят в скобки и выделен красным цветом. Щелкните на тексте определения, чтобы убрать его с экрана и восстановить текст в том виде, как он был показан на рис. 5.1.
Рис. 5.1. Щелкните на выделенном термине, чтобы добавить его определение
Рис. 5.2. После того как пользователь прочитает определение термина, он сможет удалить определение, щелкнув на его тексте
В коде листинга 5.1 для вас не должно быть ничего сложного, за исключением пары новых дескрипторов <Q>…</Q>. Эти дескрипторы позволяют управлять заключенным между ними текстом с помощью сценариев, поскольку поддерживают атрибуты id, inner-Textи innerHTML.
В блоке <SCRIPT>…</SCRIPT> определены две функции: def_showи def_move. Первая функция вызывается щелчком на гиперссылке. Обратите внимание, как вызов функции назначен атрибуту href:
<А href='javascript:def_show()'>
Функция def _showприсваивает отформатированный текст определения термина атрибуту innerHTML именованного дескриптора <Q>, в результате чего этот текст отображается в окне обозревателя. Щелчок на тексте определения вызывает функцию def_move, которая удаляет этот текст, присвоив атрибуту innerHTML пустую строку.
Дата добавления: 2016-01-29; просмотров: 549;