Java




Раз окно, два окно… - часть 3


/p>

Теперь немного изменим текст программы, демонстрирующей открытие окна. Пусть текст приветствия будет доступен только при загрузке страницы с отключенной графикой. Если же графика включена, на месте приветствия будет небольшая картинка (назовем ее abc.gif), по которой нужно будет щелкнуть для просмотра «словарика».

<HTML>
<HEAD>
<TITLE> Приветствие </TITLE>
<SCRIPT language="JavaScript">
<!--
function mw_open() {
var frame1 = window.open ("program2.htm", "frame1",
"copyhistory=0, directories=0, height=500, location=0,
menubar=0, scrollbars=yes, status=0, toolbar=0, width=400");
frame1.focus();
}
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="#FFFFF0" marginwidth=0 marginheight=0 topmargin=0 leftmargin=0 text="#000000" link="#000000">
<A href="#" onClick="mw_open()";>
<NOSCRIPT>
<A href="program2.htm" target="_new">
</NOSCRIPT>
<IMG src="image/abc.gif" width=80 height=50 border=0
vspace=0 hsapce=0 alt="С Днем рождения, программер!">
</A>
<BR><BR>
</SCRIPT>
</BODY>
</HTML>

Рассмотренные примеры с окнами, конечно, удобны. Но есть и более простой вариант. Выполнение сценария можно связать с определенным событием. Например, с попаданием курсора мыши на какую-то ссылку, чтобы в ответ на это событие браузер показал не URL, а комментарий к ссылке.

Как это сделать? Добавить к тегу <A> два атрибута: onMouseOver и onMouseOut:

<HTML>
<HEAD>
<TITLE> Подсказка для "несмышленой" мышки </TITLE>
<BODY>
<P>С днем рождения,
<A anchor definition
onMouseOver="self.status='поздравления с Yahoo';
return true;"
onMouseOut="self.status='';
return true;"
href="http://www.yahoo.com">
<U>программер!</U></A>
<P>Еще раз с днем рождения,
<A anchor definition
onMouseOver="self.status='поздравления с AltaVista'
return true;"
onMouseOut="self.status='';
return true;"
href="http://www.altavista.com">
<U>программер!</U></A>
<P>И еще раз с днем рождения,
<A anchor definition
onMouseOver="self.status='поздравления с Рамблера';
return true;"
onMouseOut="self.status='';
return true;" href="http://www.rambler.ru">
<U>программер!</U></A>
</HEAD>
</BODY>
</HTML>

В self.status записывается текст. onMouseOver работает, когда курсор мыши попадает на URL, а onMouseOut очищает строку после того, как курсор покидает ссылку.

Подводим курсор к слову «программер» и… вместо URL браузер сообщает о новых поздравлениях от Yahoo, Altavist'ы и Рамблера!

Существует целый набор событий, которые можно связать со сценариями. Кроме упоминавшихся onClick, onMouseOver и onMouseOut, есть также onLoad, onChange, onUnload, onBlur, onReset, onFocus, onSubmit и др. Попробуйте поэкспериментировать с ними самостоятельно. Мы же перейдем к работе с параметрами в JavaScript.




Содержание  Назад  Вперед