Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 105 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

И снова распечатаем массив ссылок:
links[0]:http://www.tstu.ru/help/index.html
links[1]:http://www.tstu.ru/help/terms.html
links[2]:http://www.tstu.ru/help/shop.html
links[3]:javascript:window.alert('Area_Link_1');void(0);
links[4]:javascript:window.alert('Area_Link_2');void(0);
Две новые ссылки – это ссылки из контейнера MAP, который не отображается, но ссылки из него попадают в массив
встроенных ссылок. При этом, как в нашем случае, они могут попасть между обычными гипертекстовыми ссылками, если
контейнер MAP расположить внутри текста документа. На данной странице он помещен перед контейнером Script, в кото-
ром мы распечатываем массив встроенных ссылок.
4.8.3. Замена атрибута HREF
Рассмотрим, как при помощи JavaScript-кода можно управлять свойствами объекта класса Link на примере меню ти-
па "записная книжка" (рис. 81):
Рис. 81
Конечно, это не настоящая "записная книжка". Поле формы заполняется только при выборе гипертекстовой ссылки,
расположенной над этим полем. Единственная цель данного примера – показать, как изменяется значение атрибута HREF
(оно отображается в поле status окна браузера). Изменение производится посредством вызова функции:
function line(a)
{
if(a==0)
{
clear();
window.document.o0.src="fio.gif";
window.document.all['lo0'].href='javascript:window.document.f1.fi1.value= "Фамилия И.О."; void(0);';
window.document.o1.src="rpho.gif";
window.document.all['lo1'].href='javascript:window.document.f1.fi2.value= "253-93-10"; void(0);';
window.document.o2.src="hpho.gif";
window.document.all['lo2'].href='javascript:window.document.f1.fi3.value= "253-93-12"; void(0);';
}
.....
}
В данном случае мы работаем с тремя элементами массива встроенных гипертекстовых ссылок: all['lo0'],
all['lo1'] и all['lo2']. У каждого из них при вызове функции со значением аргумента a, равным 0, 1 и 2, соответст-
венно, изменяем значение свойства href. Это свойство мы меняем целиком. URL можно менять и частично.
4.8.4. Изменение части URL
Гипертекстовая ссылка – это объект класса URL. У этого объекта можно изменять и другие свойства. Проиллюстрируем
эту возможность при частичном изменении ссылки. Распечатаем сначала свойство, которое не зависит от протокола (в на-
шем случае от JavaScript) document.all.next.pathname: href:--> http://tstu.ru/help/index.html
pathname:--> help/index.html
Изменим теперь pathname:
document.all.next.pathname="test";
document.write(window.document.all.next.pathname);
href:--> http://tstu.ru:80/test
pathname--> test
Обратите внимание, что Internet Explorer самостоятельно добавил в ссылку номер порта. По этой причине использовать
свойства, отличные от href, в ссылках, где используется схема JavaScript, не рекомендуется.
4.8.5. Обработка событий Mouseover и Mouseout
Эти два события изо всех событий, которые обрабатываются на страницах Web, используются чаще всего. Именно они
позволяют обесцвечивать и проявлять картинки, а также менять содержание поля status. Первое событие генерируется брау-
зером, если курсор мыши указывает на гипертекстовую ссылку, а второе – когда он покидает гипертекстовую ссылку. Рас-
смотрим пример с записной книжкой, но только для проявления меню второго уровня будем использовать обработчик собы-
тия onMouseover:
<TABLE BORDER=0 CELLSPACING=1 CELLPADDING=0
ALIGN=center>
<TR>

Страницы