Практическое введение в программирование на JavaScript
Изменение картинки через гипертекстовую ссылку
Пример 2.21. Изменение картинки через гипертекстовую ссылку
<HTML> <HEAD> <TITLE>HTTPD\HTDOCS\JAVASCR\EXAMPLE1</TITLE> <SCRIPT> <!-- Защитили текст скрипта от старых браузеров function l_image(a) { document.images[1].src=a } // --> </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. Таким образом, можно организовать просмотр различных товаров в одном единственном графическом окне.
