|
lesson_sp_22
|
Пользуясь диалоговыми окнами, соберите о пользователе следующую информацию:
Затем выведите собранную информацию в диалоговом окне "confirm" и задайте пользователю вопрос - "Все верно?"
|
просмотреть
|
скачать ~0.5KB
|
|
lesson_sp_23
|
- Работа и окрестности Реализовать простейший вариант теста, поочередно выдавая
пользователю вопросы, требующие односложных ответов ("Да" и "Нет").
После прохождения теста вывести результат.
Вопросы и оценки за каждый вопрос хранить в сценарии в виде массивов.
- От пользователя требуется ввести ФИО. Необходимо, чтобы сценарий проверил
ввод пользователя на наличие недопустимых символов.
Недопустимыми символами считать любые символы, кроме букв, пробелов и точек.
Эти символы можно задать в сценарии в виде строки.
|
просмотреть
|
скачать ~1.03 KB
|
|
lesson_sp_24
|
В качестве домашнего задания создайте собственный вариант фотоголереи, на основе
примера №3.12. Обеспечте возможность перехода непосредственно на любое изображение
галереи, разместив на странице список миниатюр изображений.
Каждая такая миниатюра должна являться ролловером. Обеспечить предзагрузку всех
изображений ролловеров (изображения галереи кешировать не надо).
Оформите галерею исходя из собственных эстетических соображений.
|
просмотреть
|
скачать ~1.16 MB
|
|
lesson_sp_25
|
- Используя объект Date(), создайте "продвинутые" электронные часы,
которые отображали бы не только текущее время, но и дату, день недели и т.п.
Оформление продумайте на свой вкус.
- Используя изученные методы анимации объектов и обработки событий,
напишите сценарий, вращающий элемент вокруг текущего положения курсора мыши.
Само собой разумеется, что при изменении положения курсора, центр вращения так
же должен смещаться следом за ним.
|
просмотреть
|
скачать ~69.7 KB
|
|
lesson_sp_26
|
Реализовать сценарий, выполняющий переадресацию пользователя на случайно
выбранный из массива адрес. Массив должен хранить не менее 10 адресов.
Для каждого адреса напишите html страницу с рекламным объявлением.
|
просмотреть
|
скачать ~2.25 MB
|
|
lesson_sp_27
|
В качестве домашнего задания вам предстоит создать (спокойно!) фотогалерею.
На главной странице должен содержаться список изображений. При щелчке левой
кнопки мыши на миниатюре в списке, увеличенное изображение загружается в новом окне,
которое не содержит никаких элементов управления, кроме стандартных (заголовок и рамки).
Размеры окна подберите экспериментально, при условии, что все изображения должны иметь
одинаковый размер, например - 400х300 px.
При наведении на изображение в списке курсора мыши, в строке состояния должна
отображаться информация об увеличенном изображении - имя файла, его размеры и
объем в килобайтах (приближенно), например: picture001.jpg (400x300, 0.230К).
|
просмотреть
|
скачать ~639 KB
|
|
lesson_sp_28
|
В качестве домашнего задания вам предлагается "написать свой браузер"!
В чем это будет заключаться? На web-странице размещается 2 фрейма.
В верхнем фрейме создать форму, обеспечивающую следующие возможности:
- ввод адреса
- загрузка страницы в нижний фрейм или новое окно
- переход назад и вперед по истории страниц нижнего фрейма
- повторная загрузка страницы в нижнем фрейме
|
просмотреть
|
скачать ~2.92 KB
|
|
lesson_sp_29
|
- Напишите регулярное выражение и сценарий, выполняющий проверку корректности
ввода фамилии и инициалов пользователя в следующем виде:
Иванов И.И. либо Иванов ИИ
- Напишите регулярное выражение и сценарий, выполняющий проверку
корректности ввода адреса электронной почты. Адрес электронной почты должен
иметь следующий вид:
login@host
login - последовательность из букв, цифр и символов "-", начинающаяся с буквы.
Длинна - от 3 до 10 символов.
host - строка вида mail.ru или mail.odessa.ua и т.п. В конце host должен содержать от
2 до 3 символов (ru, com, net, ua и пр.)
|
просмотреть
|
скачать ~2.41 KB
|
|
lesson_sp_30
|
В качестве домашнего задания предлагаю написать несложный HTML тест.
Вопросы и ответы теста можно хранить в виде массивов. Выдавать пользователю
вопросы можно по одному, а можно и все сразу. После того, как пользователь
прошел тест, необходимо запросить у него имя и поздравить с окончанием теста.
Результат вывести в диалоговом окне в виде "Поздравляем, Имя! Тест сдан на Балл
из Максимум.". Результаты теста и имя пользователя запомнить в cookies.
При следующей попытке пройти тест, предварительно вывести на экран
результат предыдущей попытки.
Количество попыток ограничить 5-ю.
|
просмотреть
|
скачать ~5.68 KB
|
|
lesson_sp_31
|
- Модернизируйте кнопку «Показать информацию» так, чтобы она отображала скрытый абзац
и скрывала видимый. То есть при первом нажатии кнопка показывает абзац, при втором —
скрывает, при третьем — снова показывает, и так далее.
- Доведите наши выпадающие списки «до ума». Во-первых, они должны себя вести так
же, как и кнопка абзацем выше (поочерёдно скрываться при нажатиях). После оптимизируйте
код, «отловите» и исправьте все ошибки и казусы, подумайте над оформлением. Также,
неплохо отображать возле раскрытого пункта в качестве маркера минус, а возле закрытого — плюс.
- В первом примере (на swapNode()) мы просто меняем два элемента местами.
Давайте немного усложним задание. Организуйте сортировку списка по алфавиту.
Да, вроде бы короткая формулировка задания, но над ним придётся немного подумать.
- А второе задание будет посложнее. Создайте Веб-страницу с несколькими изображениями.
При щелчке на любом из них в отдельном блоке должен сменяться описательный текст.
То есть, Вы щёлкаете по картинке и где-то на странице в специально отведённом месте
появляется её описание. Также, картинки должны быть чёрно-белыми и меняться на
цветные только при подведении указателя к ним. Эта страница должна быть оформлена,
то есть Ваша задача состоит не только в написании сценариев, но и создании таблицы стилей.
- А ещё сделайте раскрывающиеся списки по типу папок «Избранного». Во-первых,
списки должны быть многоуровневыми, то есть должны вкладываться один в другой.
Во-вторых, при открытии одного из подсписков остальные должны быть закрыты.
И в-третьих, тщательно отладьте код, предвидя как можно больше вариантов его использования.
|
просмотреть
|
скачать ~13.5 KB
|
|
|
Экзамен
|
|
скачать
|