it_vse (519823), страница 45
Текст из файла (страница 45)
В анном тэге указан цвет фона #EEEEEE,цвет текста #000000, размер шрифта 14 пикселей, название шрифта Arial, если его не будет, то используетсяшрифт Helvetica и, в самом крайнем случае, стандартныйшрифт браузера sans-serif. Данный стиль будет применяться к содержимому документа, дополняя (если этовозможно и стили не переопределены в самих элементах), стили других элементов.Описание стиля сразу для двух тэгов: для заголовковпервого уровня (H1) и тэга FONT. Размер шрифта 110%,наклонный (italic) и жирный (bold) шрифт.Стиль для гиперссылки (при наведению на нее мышью)и такой же стиль для элементов управления INPUT(кнопки, поля ввода, флажки и т.п.).
Цвет #FF009F, текстподчеркнутый (underline).Стиль для гиперссылки (LINK) и для посещеннойгиперссылки (VISITED). Цвет #000099, текст безподчеркивания (none).Стиль для слоя (тэг <DIV> ) с названием (id), равным s1.Слой описан ниже в тексте документа. Координатыабсолютные (absolute), слева – 10 пикселей, сверху 300,ширина 200, высота 100, видимость слоя – отображать(может быть hidden - скрытый), порядок наслоения –самый нижний слой (чем больше число – тем вышеслой). Описание стиля слоя начинается со знака "#".Описание "класса" стиля. Класс может многократноприменяться в документе, при помощи параметра class,добавляемого внутрь любого тэга. Описание классаначинается с точки.Конец области описания стиля.Конец области заголовка, начало тела документа.Этот заголовок первого уровня выглядит нестандартно,т.к.
для него определен стиль.Этот заголовок первого уровня выглядит и не стандартно, и не так, как указано в стиле для тэга <H1>, т.к. кнему дополнительно применен стиль класса zagolovok(точка не указывается).Гиперссылка выглядит не стандартно, в соответствии сописанием в стиле.Текст HTML-страницы<form method="post" action="www.sait.by/cgi-bin/zakaz.cgi"><input type="text" size="20" name="FIO"><BR><BR><input type="reset" value="Cancel"style="color:blue; font-weight:bold;">   <input type="submit" value="OK"class="zagolovok"> <BR></form><DIV ID="s1"><FONT color="blue">К тексту слоя 1 применентэг FONT</FONT></DIV><DIV ID="s2" STYLE="position:absolute; left:350;top:200; width:300; height:100; visibility:show;zIndex:10"><FONT color="blue"><SPAN class="zagolovok">К тексту слоя 2 применен тэг FONT, однако онне действует из-за тэга SPAN </SPAN></FONT></DIV></BODY></HTML> Ляхевич А.Г., 2000 - 2002 годПродолжение табл.
8.7.КомментарийНачало формы.Поле ввода. Вводимый текст будет красным и подчеркнутым, т.к. стиль для гиперссылки (при наведении на неемышью) совпадает со стилем элемента <INPUT>.Здесь стиль определен прямо в самом тэге. Причем этоописание суммируется с описанием стиля для тэга<INPUT>, находящемся в заголовке документа. В результате, текст на кнопке будет синий (blue), жирный(bold) и подчеркнутый (унаследовано от общегоописания для всех тэгов <INPUT>).2 пробела.Здесь, к описанию стиля, унаследованному от всех тэгов<INPUT>, добавляются описания стиля из классаzagolovok.Конец формы.Начало слоя s1.
Стиль слоя (его координаты и размеры)описан выше, в заголовке документа, в тэге <STYLE>.Данный текст будет выглядеть в соответствии со стилемтэга <FONT>, плюс в самом тэге <FONT> указан цветшрифта – синий.Конец слоя.Начало слоя s2. Координаты и размеры слоя, порядокнаслоения, указан прямо в самом тэге <DIV>. Координаты не обязательно абсолютные.
Допустимо, например,указание position:relative; top:10px; left:30px; – смещениена 10px вниз и на 30px вправо относительно нормальнойпозиции в документе. Можно вообще не указыватькоординаты – слой будет на своем обычном месте вдокументе. Помимо координат, для слоя можноуказывать все те же свойства, что и для обычных стилей:шрифт, цвет, фоновая картинка слоя (background-image)и т.д.Данный текст не будет выглядеть в соответствии состилем тэга <FONT>, т.к. он находится внутри"контейнера" <SPAN> и его внешний вид однозначноопределяется классом zagolovok.
Никакие другие стили,кроме класса zagolovok, на текст внутри "контейнера"<SPAN> не влияют.Конец слоя.Конец документа.Лекция 9. Язык VBScriptЯзык VBScript – это несколько обрезанный Visual Basic (по соображениям безопасности отсутствуютвозможности работы с файлами, вызова функций Windows API и др.), использующийся для написаниянебольших программок, встраиваемых в HTML-страницы, для придания им более привлекательного вида.Исходные тексты программ на VBScript записываются непосредственно в HTML-файл и выполняются webбраузером (в частности Internet Explorer-ом) при чтении и анализе файла. Программы на VBScript можнописать просто при помощи текстового редактора (только текст, без форматирования), редактируя HTMLфайлы непосредственно или воспользоваться "Редактором сценариев" фирмы Microsoft (MicrosoftDevelopment Environment 6.0), который позволяет не только писать но и отлаживать программы на языкахVBSript и JavaScript.Программы на VBScript (также как и на JavaScript) должны заключаться в HTML-тэги <SCRIPT></SCRIPT>.
А чтобы текст программы не выводился на экран браузерами, которые не поддерживаютVBScript, он дополнительно заключается в тэги комментария <!-- Программа -->. Пример см. ниже.Программы могут записываться в любом месте HTML-документа. Если программа не оформленаключевыми словами SUB…END SUB, то она выполняется непосредственно при анализе страницы.Например, следующая программа выведет сообщение "Приветик" после того, как на HTML-странице будетотображен текст "До начала программы", но до того, как на HTML-странице будет отображен текст "Послеокончания программы".<HTML><HEAD> <TITLE> Программа на VBScript </TITLE> </HEAD><BODY>До начала программы<SCRIPT LANGUAGE="VBScript"><!-MsgBox "Приветик"--></SCRIPT>После окончания программы</BODY></HTML>Если же текст программы оформлен ключевыми словами SUB…END SUB (FUNCTION…END FUNCTION),то такая программа может использоваться как обычная процедура (функция) вызываемая из другихпрограмм.
Если имя процедуры удовлетворяет определенным требованиям, то такая процедура запуститсяпри наступлении определенного события: нажатие кнопки, загрузка страницы, уход со страницы и т.д.СинтаксисSub Объект_СобытиепрограммаEnd SubПримерSub Knopka_onclickMsgBox "Меня нажали"End SubКомментариЕсли в HTML-документе существует кнопка (объект сименем knopka), то при нажатии на нее (событиеonclick) сработает программа, которая выведетсообщение "Меня нажали".Полный текст HTML-файла, реализующего приведенный в таблице пример, представлен ниже:<html> <head> <title> События !!! </title> </head><body> <form method="POST" action="http://myself.com/something.asp"><input type="button" value="Нажми меня" name="Knopka"> </form><script language=vbscript>sub knopka_onclickMsgBox "Меня нажали"End Sub--> </script></body> </html>Процедуру обработки события можно называть и произвольным образом, но тогда название этой процедурынеобходимо указать в качестве обработчика события в HTML – тэге элемента.
Пример:<HTML><BODY><SCRIPT LANGUAGE="VBScript">sub info ( )MsgBox "Вы перемещаетесь над гиперссылкой"End Sub</SCRIPT><a href="http://www.microsoft.com" onmouseover="info( )"> Гиперссылка </a></BODY> </HTML> Ляхевич А.Г., 2000 - 2002 годИз приведенных выше примеров можно сделать еще один вывод: основная мощь VBScript – не в самомязыке, а в тех объектах, которыми он может манипулировать. Internet Explorer имеет ряд встроенныхобъектов (окно, документ, гиперссылки, формы и т.д.), каждый из которых имеет свой определенный наборсвойств, методов и событий.
Кратко объектная модель Internet Explorer приведена ниже:рис. Упрощенная объектная модель браузера Internet Explorer.Приведенная на рисунке модель не являеется полной, однако даже из этой модели рассмотрим лишьнекоторые обекты и лишь часть свойств этих объектов. Частично объектная модель будет такжерассмотрена в лекциях по JavaScript.Объект WindowСамый верхний объект в иерархии. При вызове свойств и методов, window указывать не обязательно.Свойстваlocationустанавливает или возвращает URL текущего окна. Можно загрузить в окно новуюстраницу, указав в теле документа:<SCRIPT LANGUAGE="VBSCRIPT"> location = "новый_url_адрес" </SCRIPT> или<SCRIPT LANGUAGE="VBSCRIPT"> window . location = "новый_url_адрес" </SCRIPT>Переход произойдет только после того, как будут обработаны все тэги <SCRIPT> настранице. Если в каком-то другом месте, вне функции (процедуры), также будет иметьсястрочка location = "url_адрес", то сработает последняя из строчек.
Однако если URL-адресбыл задан не статически в тексте скрипта, а введен пользователем с клавиатуры (см. методPrompt), то объект location сработает немедленно.statusустанавливает или возвращает текст, находящийся в строке состояния Internet Explorer.Пример: <SCRIPT LANGUAGE="VBSCRIPT"> status = "Приветик !" </SCRIPT>* В дальнейшем, для упрощения записи, в примерах не будут указываться тэги <SCRIPT></SCRIPT>, хотя в реальном HTML-документе они, безусловно, необходимы.defaultStatusустанавливает или возвращает текст, отображаемый по умолчанию в строке состоянияInternet Explorer.
Например, URL текущего окна в строке состояния Internet Explorer можновывести следующим образом: self.defaultStatus=locationselfвозвращает текущий объект Window (ссылка на самого себя). Пример: см. выше.nameвозвращает имя текущего окна, если таковое определено. Пример: status=window.namescreenLeftвозвращает координату X окна, относительно левого края экрана. Пример: status=screenLeftscreenTopвозвращает координату Y окна, относительно верхнего края экрана.Пример: status = screenTopscreen . width возвращает ширину окна. Пример: status = screen .
widthscreen .height возвращает высоту окна. Пример: status = screen . heightsreen.возвращает установленное в компьютере разрешение экрана по оси X.availWidthПример: status = sreen . availWidthsreen.возвращает установленное в компьютере разрешение экрана по оси Y.availHeightПример: status = sreen . availHeightopenerвозвращает окно, из которого открыто текущее окно.parentдля страницы с фреймами, возвращает окно, находящееся на один уровень вложенностивверх, т.е. уровень, между тэгами <FRAMESET> которого содержится фрейм данного окна.tордля страницы с фреймами, возвращает окно самого верхнего уровня вложенности. Ляхевич А.Г., 2000 - 2002 годМетодыalertconfirmpromptopenclosesetTimeoutclearTimeoutnavigateprintmoveTomoveByresizeToresizeByscrollToscrollByshowModalDialogотображает простое окно с предупреждением и кнопкой ОК.
Пример: alert ("Приветик")Комментарий: можно использовать и MsgBox "Приветик", но alert – это метод объектаwindow, а MsgBox – команда VBScriptотображает окно сообщения, содержащее кнопки OK и Cancel. Пример:otvet=confirm("Ну и что нажмем ?")if otvet=true then alert ("Вы нажали OK")предлагает пользователю ввести информацию. Аналогичен функции inputBox () в VisualBasic. Пример:otvet=prompt("Введите ФИО")alert ("Вы ввели " + otvet)создает новое окно Internet Explorer и возвращает ссылку на него. Вот так создается "пустое"окно без меню, кнопок, полосы прокрутки, неизменяемое в размерах, которое, за исключением значка, ничем не напоминает Internet Explorer:set okno1=window.open("http://www.somewhere.com/file.htm", "imya", "height=100,width=100")Здесь imya – это имя окна, используемое в программах внутри этого окна (имя должно бытьобязательно латинскими буквами).