Выводим
иллюстрации в отдельном окне
Иногда необходимо
организовать вывод графических изображений в отдельном окне, приблизительно
так, как это описано в предыдущем разделе, но вам хотелось бы, чтобы
новое окно броузера не содержало кнопок навигации, адресной строки,
полос прокрутки и чтобы его заданный первоначально физический размер
был фиксированным. Как этого добиться? Достаточно просто: следует использовать
несложный сценарий JavaScript, запрещающий изменение пользователем размеров
окна и удаляющий из него все ненужные вам компоненты.
Скрипт, написанный
на языке Java, интегрируется в web-страницу при помощи тега <SCRIPT>
с атрибутом LANGUAGE, который помещается в начало кода html-документа,
либо между тегами <HEAD> и </HEAD>, или же сразу после директивы
<BODY>. Сам текст сценария не отображается в окне броузера при
загрузке документа, он исполняется .подобно подпрограмме в случае определенного
действия пользователя, например, открытия или закрытия окна. Встроенные
в web-страницу сценарии JavaScript интерпретируются броузером вместе
с кодом разметки гипертекста и вызываются на исполнение из тела html-документа
специальными директивами. Описание правил записи тега <SCRIPT>
включено в спецификацию языка HTML 4.0 и потому здесь не приводится.
Поскольку подробный обзор синтаксиса языка JavaScript выходит за рамки
этой книги, ниже мы рассмотрим лишь отдельные аспекты его применения.
Итак, для того чтобы
организовать вывод графического изображения в отдельном окне фиксированного
размера без кнопок навигации и полос прокрутки, в тело html-документа
необходимо поместить следующий код:
<BODY>
<SCRIPT LANGUAGE="JavaScript">
function picture(
){
window.open("URL.
определяющий адрес расположения картинки", "newwindow",
config=''width-ширина картинки, height-высота картинки, toolbar=0, location=0,
directories=0, status=1, menubar=0, scrollbars=0, resizable=0");
}
</SCRIPT>
Тело html-документа
</BODY>
Записываемый в коде
сценария JavaScript адрес картинки лучше всего приводить в абсолютном
виде, с указанием протокола передачи данных и имени целевого графического
файла, например, http://www.myserver.ru/images/picture.jpg.
Атрибут config определяет конфигурацию создаваемого окна. Значения параметров
width и height, устанавливающих ширину и высоту картинки в пикселах,
следует увеличить на 10-15 точек, поскольку в новом окне изображение
будет иметь отступы сверху и снизу, а значит, определенная его часть
может оказаться скрытой за границей окна. Остальные параметры атрибута
config принимают одно из двух возможных значений: 0 — определяемый параметром
элемент не отображается на экране и 1 — определяемый параметром объект
отображается вместе с другим содержимым. Так, параметр toolbar выводит
на экран (или не выводит) панель инструментов с функциональными кнопками,параметр
location — адресную строку, directories — список директорий, status
—строку состояния в нижней части окна, menubar — системную панель, содержащую
меню Файл, Правка, Вид и т. д., параметр scrollbars — полосы прокрутки,
и, наконец, параметр resizable разрешает или запрещает произвольное
изменение размеров окна пользователем.
Определитель picture(
), записанный правее директивы function, является уникальным именем
данной функции JavaScript, которое будет использовано в дальнейшем для
вызова этой функции на исполнение. Если вы планируете выводить на экран
подобным образом несколько разных графических файлов, для каждого из
них придется написать отдельную функцию, отличающуюся от предложенной
выше лишь именем, адресом расположения целевого файла и значениями размеров
картинки.
Для того чтобы активизировать
созданный сценарий JavaScript, в теле html-документа необходимо разместить
соответствующую гиперссылку, включающую ряд необходимых параметров.
Для подготовки такой ссылки можно использовать графическую миниатюру
рисунка, отображаемого броузером в отдельном динамически появляющемся
окне. Код гиперссылки в этом случае будет выглядеть следующим образом:
<A HREF="javascript:picture()"><IMG
SRC="URL миниатюры картинки" WDTH="ширина миниатюры"
НЕIGHT="высота миниатюры" BORDER="0"АLT="Альтернативный
текст"></А>
где picture() — уникальное
имя функции, вызываемой при активизации гиперссылки.
