Карта  О сайте Реклама на сайте |
Разделы новостей |
JavaScript: Заключение Итак продолжаем рассматривать модель событий в JS...  Событие Error. Обработчик данного события вызывается при возникновение ошибки в коде JS. Данное событие не используется для статических скриптов (статические скрипты - те, которые хранятся в html, динамические - те, которые генерируются средствами CGI). Событие KeyDown происходит при нажатии на клавишу клавиатуры. Полностью аналогично MouseDown. Событие KeyPress происходит при "клике" на клавишу клавиатуры. Полностью аналогично Click. Состоит из двух частей: KeyDowna и KeyUpa. Событие KeyUp - происходит при отпускании клавиши клавиатуры. Полностью аналогично MouseUp. Событие Load-Происходит при загрузке объекта. Пример: <html> Разберемся с примером. В теге body мы устанавливаем функцию check() обработчиком события Load. Это значит, что при загрузке странички браузер выполнит функцию check(). В нашем примере эта функция проверяет версию браузера и разрешение экрана пользователя. Первый блок if ищет подстроку MSIE 5. в navigator.appVersion (этот параметр содержит версию браузера. Если подстрока не найдена - функция выдает сообщение. Теперь присваиваем двум переменным высоту и ширину экрана (в пикселях). Второй блок if, сравнивает высоту с цифрой 768. Если высота меньше, пользователю сообщается его экранное разрешение и предлагается проапгрейдить монитор ;)) Вернемся к событиям (к JS событиям;))) На очереди у нас Reset. Событие происходит при нажатии на кнопку Reset (не путать с той что на системном блоке ;)). Подробнее о кнопке reset и других элементах форм - в следующих выпусках. Событие Resize мы уже рассматривали. Оно применимо к окну браузера и фреймам. Submit происходит при нажатии на кнопку типа submit. Обычно по этому событию запускают проверку формы (правильно ли ввели данные). Событие Unload - обратно событию load. Можно закрывать дочерние окна при выгрузке основного документа. Обычно, данное событие активно используют владельцы порносайтов. При закрытии их страницы Вам открывается еще 5 ;)) Так, с основными событиями все. Теперь давайте рассмотрим динамическое создание страниц с помощью JavaScipt. Необходимо сразу напомнить - JavaScript выполняется на стороне посетителя, а следовательно не имеет доступа к БД, которые находятся на сервере. Подобное условие очень сильно урезает возможности динамического создания странички с помощью JS. В JS есть 2 метода: document.write(var) и document.writeln(var). Они записывают переменную var в документ. Первый метод просто записывает, а второй записывает строчку, т.е. после переменной var ставится перевод каретки. В общем случае генерация документа выглядит так: открываем новое окно методом test=open("", "displayWindow", ""); После этого нам необходимо открыть документ в этом окне: test.document.open() В параметре у этого метода Вы можете указать соответствующий MIME тип, это позволяет генерировать не только текст, но и графику! По умолчанию text/html. Теперь, когда докумет открыт, пишем туда любую ерунду, например, test.document.write("<html><body>Hello World!</body></html>"); после окончания записи необходимо закрыть документ test.document.close(); Открывать и закрывать документ надо если Вы генерируете страницу в пустом окне. Если же Вы генерируете кусок страницы, то Вам этого делать не надо. Рассмотрим примерчик для закрепления знаний по JavaScript. <Script language="JavaScript"> На сайте была страничка с фотографией и списком фамилий, если поставить фотографии нормальные размеры, то при разрешении 800х600 появлялись полосы прокрутки, если ужать - то при 1024х768 и выше нельзя было разглядеть абсолютно ничего. В результате был написан данный скрипт. Были рассчитаны пропорции размеров фотографии и шрифта ссылок: класс 1 для высокого разрешения и класс 2 для низкого. Оператор if в начале скрипта определяет разрешение экрана и в соответствии инициализирует переменные. Следующий оператор вписывает таблицу, ширина которой идет из переменной tablewidth. В левый столбец вписывается фотография с высотой и шириной равными height и width соответственно. В правый столбец вписываются ссылки (в оригинале с фамилиями) ссылкам выставляется класс стиля соответствующий переменной clas. В следующих выпусках мы рассмотри использования таблиц стилей. До скорых встреч. #10(51)/10.04.2001 www.lightnet.obninsk.ru Компьютерный дизайн 23-07-2007 Продвинутый дизайн 06-06-2006 Компьютерный дизайн Привет, ну вот Вы опять читаете эту рубрику, рассчитывая почерпнуть какие-то новые знания, надеясь стать крутым дизайнером (хехе ;)) Интересно, а многие ли из Вас понимают разницу между веб-дизайнером и веб-мастером? Первый - это человек "вольной профессии", он подбирает цветовую гамму сайта, он рисует сайт на бумаге, рисует картинки для сайта (на компьютере). Второй - это практик. Веб-мастер реализует идеи веб-дизайнера. Ве... ВЕБ-САЙТ: СБОРКА ПО КИРПИЧИКАМ 06-06-2006 Компьютерный дизайн Матвей Хорошилов lightnet@obninsk.ru взято с www.iworld.ruВАРИАНТ 2. ДИНАМИЧЕСКАЯ СТРУКТУРАЗадача - сделать сайт с функциями динамической структуры данных.В этом примере мы ближе подойдем к основной задаче - создать сайт на основе темплейта. Вид основной странички (index.php) изменился незначительно:Дело в том, что все самое интересное спрятано в файле func.php (см. листинг), который подключается в первой же строчке скрипта. Файл fun... ГРАФИКА В РНР: СОЗДАЕМ И МЕНЯЕМ РИСУНКИ 06-06-2006 Компьютерный дизайн Андрей ГончаренкоВеб-мастерам часто бывает необходимо динамически создавать и (или) изменять рисунки на своих страницах. Это требуется в тех случаях, когда изображения несут не исключительно декоративную функцию, а содержат некую полезную информацию. И если веб-мастер знаком с основами РНР, то решение этой задачи становится более чем тривиальным. Для этого достаточно подключить модуль расширения GD.Загрузить модуль GD можно с адреса www.... |
 |