- •Дисциплина «Программное обеспечение компьютерных сетей» Специальность 230105 Лабораторная работа №1, 2. «Использование встроенных объектов и функций».
- •Практическое задание.
- •Вопросы для контроля.
- •Дисциплина «Программное обеспечение компьютерных сетей» Специальность 230105 Лабораторная работа №3. «Создание пользовательских объектов и обработка событий».
- •Свои методы объектов
- •Доступ к объекту через this
- •Функция-конструктор, «new»
- •Создание методов в конструкторе
- •Приватные свойства
- •Открытие и закрытие окон
- •Открытие окон
- •Закрытие окон
- •Использование фреймов
- •Модификация фреймов
- •Обращение и управление среди фреймов
- •Пример Фреймов
- •Обращение к окнам и фреймам
- •Обращение к свойствам, методам, и обработчикам события окна
- •Обращение к окну подчиненной формы или гиперсвязи
- •Управление окнами
- •Практическое задание.
- •Событие submit
- •Взаимосвязь событий submit и click
- •Метод submit
- •Практическое задание.
- •Структура анимации
- •Временная функция delta
- •Линейная delta
- •В степени n
- •Back: стреляем из лука
- •Упругая анимация
- •Реверсивные функции (easeIn, easeOut, easeInOut)
- •Графопостроитель
- •Сложные варианты step
- •Подсветка цветом
- •Набор текста
- •Сценарии, которые могут работать в разных браузерах
- •Доступ к таблицам стилей
- •Свойства таблиц стилей
- •Добавление и удаление правил
- •Изменение стилей элементов
- •Имена классов элементов
- •Практическое задание.
- •Контрольные вопросы.
Модификация фреймов
Вы можете модифицировать содержание фрейма, используя свойство location, пока вы точно определяете иерархию фреймов.
Например, пусть вы используете frameset, описанный в Примере 2 в предыдущем примере. Если вы хотите, чтобы пользователь был способен закрывать фрейм, содержащий список artists (в фрейме listframe) и просматр только music titles, сортируемые musician (в настоящее время в фрейме contentFrame), вы можете добавить следующую кнопку к navigateFrame.
Если Вы хотите, чтобы пользователь мог закрыть фрейм, содержащий список artists (в фрейме listframe) и просматривая только music titles, сортируемые musician (в настоящее время в фрейме contentFrame), вы можете добавить следующую кнопку к navigateFrame.
<INPUT TYPE="button" VALUE="Titles Only"
onClick="top.frames[0].location='Artists.html'">
Когда пользователь нажимает на эту кнопку, файл Artists.html загружается в фрейм upperFrame; фреймы listFrame и contentFrame закрываются и больше не существуют.
Обращение и управление среди фреймов
Поскольку фреймы - это тип окна, то вы обращаетесь к фреймам и перемещаетесь среди фреймов также как с окном.
Пример Фреймов
Если frameset в предыдущем примере разработан, чтобы представить доступные названия для music club, фреймы и их файлы HTML могут иметь следующее содержание:
Category.html, в фрейме listFrame, содержит список музыкантов, сортируемых классом.
Titles.html, в фрейме ContentFrame, содержит алфавитный список каждого музыканта и названий, доступных для того музыканта.
Navigate.html, в фрейме NavigateFrame, содержит гиперссылки, которые позволяют пользователю, выбирать, как музыканты показаны в listFrame: в алфавитном списке или категорическом списке. Этот файл также определяет гиперссылки, которые позволяют пользователю, выделить описание каждого музыканта.
Дополнительный файл, Alphabet.html, содержит список музыкантов, сортируемые в алфавитном порядке. Этот файл показана в listFrame, когда пользователь нажимает связь для алфавитного списка.
Файл Category.html (категорический список) содержит следующий код:
<B>Music Club Artists</B>
<P><B>Jazz</B>
<LI><A HREF="Titles.html#0001" TARGET="contentFrame">Toshiko Akiyoshi</A>
<LI><A HREF="Titles.html#0006" TARGET="contentFrame">John Coltrane</A>
<LI><A HREF="Titles.html#0007" TARGET="contentFrame">Miles Davis</A>
<LI><A HREF="Titles.html#0010" TARGET="contentFrame">Dexter Gordon</A>
<P><B>Soul</B>
<LI><A HREF="Titles.html#0003" TARGET="contentFrame">Betty Carter</A>
<LI><A HREF="Titles.html#0004" TARGET="contentFrame">Ray Charles</A>
...
The file alphabet.html (the alphabetical list) contains code similar to the following:
<B>Music Club Artists</B>
<LI><A HREF="Titles.html#0001" TARGET="contentFrame">Toshiko Akiyoshi</A>
<LI><A HREF="Titles.html#0002" TARGET="contentFrame">The Beatles</A>
<LI><A HREF="Titles.html#0003" TARGET="contentFrame">Betty Carter</A>
<LI><A HREF="Titles.html#0004" TARGET="contentFrame">Ray Charles</A>
...
Файл navigate.html (навигационные связи внизу экрана) содержит следующий код:
<A HREF="Alphabet.html" TARGET="listFrame"><B>Alphabetical</B></A>
<A HREF="Category.html" TARGET="listFrame"><B>By category</B></A>
<A HREF="Artists.html" TARGET="_parent">
<B>Musician Descriptions</B></A>
Файл Titles.html (главный файл, показанный в фрейме справа) содержит следующий код:
<!-------------------------------------->
<A NAME="0001"><H3>Toshiko Akiyoshi</H3></A>
<P>Interlude
<!-------------------------------------->
<A NAME="0002"><H3>The Beatles</H3></A>
<P>Please Please Me
<!-------------------------------------->
<A NAME="0003"><H3>Betty Carter</H3></A>
<P>Ray Charles and Betty Carter...
