Личный кабинет
2008-11-04 11:51
Java Script это язык придуманный компанией Netscape для создания интерактвных приложений, и очень большое им за это спосибо. До этого никаких наворотов на станичках не было да и быть не могло, а сейчас найти сайт без script'ов очень сложно.
Собственно сам язык не настолько сложен как выглядит на первый взгляд, если вы уже сталкивались с программированием, например с Паскалем, то изучив синтаксис будет обсалютно не сложно, но если вы полнейший юзер или деже ламер, и в жизни своей не написали ни одной программы, даже чтобы сложить "2+2" то вам ничего не понять. Именно поэтому я попытаюсь объяснить как уже готовый script запихнуть на сайт.
Применение готовых script'ов.
Сами скрипты бывают двух видов - в файле с расширением *.jc и в html файле в теге <script></script>.
Возьмем самый простой пример - это изменение рисунка ссылки при наведении на нее (наглядный пример видите с лева). Возьмем вот эту страницу и разберем что и как.
<html>
<head>
<title>Design Gallery</title>
</head>
<p align="center"><a href="http://design-gallery.narod.ru" onMouseOver="imgOn('img1')"
onMouseOut="imgOff('img1')"><img src="button.gif" width="80" height="30" name="img1"
border="0"></a> <script language="JavaScript"><!--
if (document.images){
img1on=new Image();
img1on.src="button2.gif";
img1off=new Image();
img1off.src="button.gif";
}
function imgOn(imgName){
if (document.images){
document[imgName].src=eval(imgName+"on.src");
}
}
function imgOff(imgName){
if (document.images){
document[imgName].src=eval(imgName+"off.src");
}
}
// --></script></p>
</body>
</html>
Наклонным шрифтом выделен сам script, а подчеркнуты вызовы script'а, onMouseOver - вызвает ту часть script'а, которая отвечает за смену риснка, при наведении мышки на ссылку, а onMouseOut - включает часть script'а, которая меняет рисунок обратно на первоначальный. name="img1" - название документа.
Рассмотрим еще один пример вот этой страницы.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Design Gallery</title>
</head>
<body onload="person_in()">
<script language="JavaScript">
function person_in() {
alert ("Ты кто такой?")
alert ("А кто тебя сюда звал?")
alert ("Так какого хрена ты тут делаешь?")
alert ("Вали отсюда!!!")
alert ("Тебе что не понятно?")
alert ("Сейчас поймешь!")
alert ("Да вали ты отсюда!")
alert ("Тебе повторить?")
alert ("ПОШЕЛ ВОН!!!")
alert ("Design Gallery") }
</script>
</body>
</html>
Наклонным шрифтом обозначен сам скрипт (между прочим этот скрипт должен быть понятен всем), подчеркнут вызов скрипта при открытии страницы. В самом скрипте выдаются подсказки, для этого пишется alert("..."). Вызыв script'а при открытии страницы производится с помощью команды onload, а при закрытии страницы с помощью команды onunload. Эти две команды необходимо вписывать в тег <body ...> иначе script работать не будет.
Впринципе это все, что необходимо знать о том как использоватьготовый готовый script.
Ну а если вы сами хотите писать свои script'ы, то без книги по Java Script вам не обойтись.
Собственно сам язык не настолько сложен как выглядит на первый взгляд, если вы уже сталкивались с программированием, например с Паскалем, то изучив синтаксис будет обсалютно не сложно, но если вы полнейший юзер или деже ламер, и в жизни своей не написали ни одной программы, даже чтобы сложить "2+2" то вам ничего не понять. Именно поэтому я попытаюсь объяснить как уже готовый script запихнуть на сайт.
Применение готовых script'ов.
Сами скрипты бывают двух видов - в файле с расширением *.jc и в html файле в теге <script></script>.
Возьмем самый простой пример - это изменение рисунка ссылки при наведении на нее (наглядный пример видите с лева). Возьмем вот эту страницу и разберем что и как.
<html>
<head>
<title>Design Gallery</title>
</head>
<p align="center"><a href="http://design-gallery.narod.ru" onMouseOver="imgOn('img1')"
onMouseOut="imgOff('img1')"><img src="button.gif" width="80" height="30" name="img1"
border="0"></a> <script language="JavaScript"><!--
if (document.images){
img1on=new Image();
img1on.src="button2.gif";
img1off=new Image();
img1off.src="button.gif";
}
function imgOn(imgName){
if (document.images){
document[imgName].src=eval(imgName+"on.src");
}
}
function imgOff(imgName){
if (document.images){
document[imgName].src=eval(imgName+"off.src");
}
}
// --></script></p>
</body>
</html>
Наклонным шрифтом выделен сам script, а подчеркнуты вызовы script'а, onMouseOver - вызвает ту часть script'а, которая отвечает за смену риснка, при наведении мышки на ссылку, а onMouseOut - включает часть script'а, которая меняет рисунок обратно на первоначальный. name="img1" - название документа.
Рассмотрим еще один пример вот этой страницы.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Design Gallery</title>
</head>
<body onload="person_in()">
<script language="JavaScript">
function person_in() {
alert ("Ты кто такой?")
alert ("А кто тебя сюда звал?")
alert ("Так какого хрена ты тут делаешь?")
alert ("Вали отсюда!!!")
alert ("Тебе что не понятно?")
alert ("Сейчас поймешь!")
alert ("Да вали ты отсюда!")
alert ("Тебе повторить?")
alert ("ПОШЕЛ ВОН!!!")
alert ("Design Gallery") }
</script>
</body>
</html>
Наклонным шрифтом обозначен сам скрипт (между прочим этот скрипт должен быть понятен всем), подчеркнут вызов скрипта при открытии страницы. В самом скрипте выдаются подсказки, для этого пишется alert("..."). Вызыв script'а при открытии страницы производится с помощью команды onload, а при закрытии страницы с помощью команды onunload. Эти две команды необходимо вписывать в тег <body ...> иначе script работать не будет.
Впринципе это все, что необходимо знать о том как использоватьготовый готовый script.
Ну а если вы сами хотите писать свои script'ы, то без книги по Java Script вам не обойтись.
- Фреймы в HTML документах (2008-11-04)
- 10 признаков дурного тона в web-дизайне (2008-11-04)
- 800 и 1024. Пиксели или проценты? (2008-11-04)
- Как работает формат JPEG? (2008-11-04)
- О композиции в дизайне (2008-11-04)
- Психология в дизайне (2008-11-04)
- Шрифты (2008-11-04)
- Как сделать качественный веб-сайт (2008-11-04)
- Какой вид дизайна выбрать? (2008-11-04)
- Выпадающие меню с помощью CSS (2008-11-04)
- Создание веб-страниц для различных разрешений м... (2008-11-04)
- Веб-дизайн и анимация (2008-11-04)
- Немного об index.html (2008-11-04)
- Психология дизайна (2008-11-04)
- Что такое стильный web-сайт? (2008-11-04)
- Web дизайн :: Что такое хорошо и что такое плохо (2008-11-04)
- Лево, Право или Центр? (2008-11-04)
- Оптимизация изображений в формате JPG (2008-11-04)
- Альтернативные редакторы Flash (2008-11-04)
- Что же такое web-дизайн? (2008-11-04)
- Сайты для тинейджеров: правила дизайна (2008-11-04)
- Маленькие проблемы больших таблиц - HTML (2008-11-04)
- Особенности web-дизайна (2008-11-04)
- Подсказки и советы для веб-мастеров - Топ 100+ (2008-11-04)
- Единицы измерения CSS (2008-11-04)
- Состав изображений (2008-11-04)
- FLASH - ЧТО МОЖЕТ БЫТЬ ХУЖЕ? (2008-11-04)
- FAQ по графическим форматам файлов (2008-11-04)
- ПО необходимое для web-дизайнера (2008-11-04)
- Должностная инструкция веб-мастера (2008-11-04)
- Стиль Вашего сайта (2008-11-04)
- Стиль Вашего сайта (2008-11-04)
- Orange color: теория и практика (2008-11-04)
- Расположение баннера (2008-11-04)
- Советы "чайникам" (2008-11-04)
- С чего начать (2008-11-04)
- С чего начать (2008-11-04)
- Организация - вот ключ к успеху (2008-11-04)
- Подбор шрифта и верстка текста (2008-11-04)
- Обзор Gif-аниматоров (2008-11-04)
- Каскадные таблицы стилей (преимущества и недост... (2008-11-04)
- Фирменный шрифт (2008-11-04)
- Главные ошибки в web-дизайне (2008-11-04)
- CSS - Для чего нужны таблицы стилей? (2008-11-04)
- Таблицы или слои, что лучше? (2008-11-04)
- Изучаем HTML (2008-11-04)
- Применение нескольких классов к элементу в CSS (2008-11-04)
- Создание сайта с помошью фреймов (2008-11-04)
- Основы работы со слоями в CSS (2008-11-04)
- 10 полезных советов (2008-11-04)
Нет похожих страниц.
Быстрый переход