Отправляет email-рассылки с помощью сервиса Sendsay

Изучим JavaScript общими усилиями

  Все выпуски  

Изучим JavaScript общими усилиями


Изучим JavaScript общими усилиями

Рассылка продублирована на сайте www.infotok.net.ru
Адрес для связи griisaev@yandex.ru

ВЫПУСК 24

Всем здравия желаю!

ПРИМЕРЫ

Пример подсветки кнопок

В этом примере при наведении указателя на кнопку цвет ее меняется. При удалении указателя цвет восстанавливается.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Подсветка кнопок</title>

<style> // задается первоначальный цвет кнопки
.mystyle { font-weight:bold; background-color:#00ff00;}
</style>

<script language="JavaScript" type="text/javascript"> //функция изменения цвета кнопки
function colorchange(color){
if (event.srcElement.type == "button")
event.srcElement.style.backgroundColor= color;
}
</script>

</head>

<body>
<form onmouseover = "colorchange('#ffffff')" onmouseout = "colorchange('#00ff00')">
<input type="button" class = "mystyle" onClick="alert('Вы нажали кнопку 1')" value = "Первая" />
<input type="button" class = "mystyle" onClick="alert('Вы нажали кнопку 2')" value = "Вторая" /></form>
</body>
</html>

События onmouseover (наведение указателя) и onmouseout (удаление указателя) привязаны к контейнеру <form>. Это позволит воздействовать на любой элемент находящийся в контейнере <form>.
Функция colorchange(), в данном примере проверяет, является ли инициатором события объект кнопка (button). Эта проверка производится с помощью:
Объекта event – позволяет получить информацию о каком-либо событии;
Его свойства srcElement – возвращает элемент, с которого началось прохождение события.
После этой проверки цвет кнопки изменяется.

Аналогично можно менять цвет других элементов.

ВАШИ ВОПРОСЫ

Вопрос 6

Скачал скрипт в Интернет. Типа фотоальбом. Присутствуют три кнопки «Вперед», «Назад» и «Старт/Стоп». Пишут, что можно листать вперед-назад, а можно запустить-остановить авто просмотр. Так вот авто просмотр не работает. Объясните в чем дело?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Фотоальбом</title>
<script language="JavaScript" type="text/javascript">
<!--
pictures=new Array()
for(i=0;i<8;i++){
pictures[i]=new Image()
if(i==0)pictures[i].src="img_01.jpg"
if(i==1)pictures[i].src="img_02.jpg"
if(i==2)pictures[i].src="img_03.jpg"
if(i==3)pictures[i].src="img_04.jpg"
if(i==4)pictures[i].src="img_05.jpg"
if(i==5)pictures[i].src="img_06.jpg"
if(i==6)pictures[i].src="img_07.jpg"
}
n=0;
flag=0;
function next_image() {
if(flag==0) {
n++;if(n>6) n=0;
document.images[0].src=pictures[n].src
}
}
function back_image () {
if(flag==0) {
n--;if(n<0) n=6;
document.images[0].src=pictures[n].src
}
}
function scroll_image() {
if (flag==1) {
n++;if(n>6) n=0;
document.images[0].src=pictures[n].src
}
setTimeout("scroll_image()",5000);
}
function start_stop() {
if(flag==0) {
flag=1
}
else {
flag=0
}
}
//-->
</script>
</head>

<body>
<table width="80%" border="1">
<caption align="top">
ФОТОАЛЬБОМ
</caption>
<tr>
<td align="center">
<form id="form1" name="form1" action="">
<input type="button" name="f" value="Вперед" onclick='next_image()'/>
<input name="ss" type="button" id="ss" value="Старт/стоп" onclick='start_stop()'/>
<input name="b" type="button" id="b" value="Назад" onclick='back_image()'/>
</form>    </td>
</tr>
<tr>
<td align="center" valign="middle"><img src="img_01.jpg" width="296" height="437" name='tool'/>&nbsp;</td>
</tr>
</table>
</body>
</html>

Здесь будут размещаться Ваши вопросы. Поскольку я сам чайник в JavaScript, то будем сообща искать на них ответы. Обязательно познакомьтесь с правилами подачи вопросов и ответом.

Правила подачи вопросов и ответов.
Общие

Нековеркайте слова. Не применяйте нецензурные выражения. Не принимаются письма с вложенными файлами.
Такие письма будут просто удаляться.

Правила подачи вопросов

Правильно и понятно формулируйте ваши вопросы. Указывайте ваш рабочий адрес электронной почты. Старайтесь не забегать вперед рассылки. Указывайте тему письма как «Вопрос».

Правила для ответов

При ответе в теме письма указывайте Ответ - (номер вопроса). Если хотите ответить на несколько вопросов, то на каждый вопрос отвечайте отдельным письмом.

Адрес для связи griisaev@yandex.ru

Все права защищены © Исаев Григорий 2007г., griisaev@yandex.ru
При цитировании ссылка на источник обязательна.


В избранное