Просмотр фотографий образцов через список гипертекстовых ссылок

Дата добавления: 2015-07-09; просмотров: 456; Нарушение авторских прав

Вся страница размечается как таблица, состоящая из одной строки в две ячейки. В первой ячейке размещается список выбора альтернатив, во второй ячейке размещаются картинки, выбранные при помощи списка альтернатив. Все элементы списка помечены как гипертекстовые ссылки. У каждой ссылки определено событие onSelect. Для того, чтобы не происходил переход к другой странице, а выполнялась только обработка события, в поле href необходимо определить вызов JavaScript. Ниже приведен пример реализации такой компоновки и пример кода самой страницы.

Пример 2.21. Изменение картинки через гипертекстовую ссылку

<HTML>
<HEAD>
<TITLE>HTTPD\HTDOCS\JAVASCR\EXAMPLE1</TITLE>
<SCRIPT>

</SCRIPT>
</HEAD>
<BODY TEXT="#000000" BGCOLOR="#FFFFCC" LINK="#0000EE"
VLINK="#551A8B" ALINK="#FF0000">
<H1>
<FONT COLOR="#000099">Просмотр фотографий образцов</FONT>
</H1> <center>
<TABLE COLS=2 WIDTH="100%" >
<CAPTION>
<FONT COLOR="#000099" SIZE=+2>Образцы бытовой техники</FONT>
</CAPTION>
<TR>
<TD>
<UL>
<LI>
<A HREF="JAVASCRIPT:L_IMAGE('FREEZE.GIF')">Холодильник</A> </LI>
<LI><A HREF="JAVASCRIPT:L_IMAGE('DUST.GIF')">Пылесосы</LI>
<LI><A HREF="JAVASCRIPT:L_IMAGE('TOSTER.GIF')">Тостер</LI>
<LI><A HREF="JAVASCRIPT:L_IMAGE('COOK.GIF')">Варочный стол</LI>
<LI><A HREF="JAVASCRIPT:L_IMAGE('OVEN.GIF')">Духовка</LI>
<LI><A HREF="JAVASCRIPT:L_IMAGE('WASH.GIF')">Стиральная машина</LI>
<LI><A HREF="JAVASCRIPT:L_IMAGE('DISHWASH.GIF')">Посудомоечная машина</LI>
</UL>
</TD>
<TD ALIGN=CENTER VALIGN=CENTER><IMG SRC="DUST.GIF" NAME="tool" > </TD>
</TR>
</TABLE>
</center>
</BODY>
</HTML>

В данном примере при выборе гипертекстовой ссылки происходит вызов функции l_image(), которая изменяет значение атрибута SRC в контейнере IMG. Таким образом, можно организовать просмотр различных товаров в одном единственном графическом окне.

<== предыдущая лекция	\|	следующая лекция ==>
Приемы программирования на JavaScript	\|	Изменение картинки путем выбора предмета из списка.