Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / onmouseover/onmouseleave / 13 сообщений из 13, страница 1 из 1
03.06.2016, 16:52
    #39250286
vdekameron
vdekameron
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onmouseover/onmouseleave
Подскажите пожалуйста можно ли эти 2 события обрабатывать в одной функции?
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
<!DOCTYPE HTML>
<html>
<head>
	<title>События и их обр дз</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<script type="text/javascript">
		function funcWidthUp(per){
			per.width=500;
		}
		 
		function funcWidthDown(per){
			per.width=100;
		}
	</script>
</head>
<body>
	<img src="image.jpg" alt="" width="100px" onmouseover="funcWidthUp(this)" onmouseleave="funcWidthDown(this)">
</body>
</html>



Я пробовал вот так, но фокус не удался.

Код: html
1.
2.
3.
4.
function funcWidthUp(per){
			if(per.onmouseover) per.width=500;
			if(per.onmouseleave) per.width=100;
		}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.06.2016, 17:03
    #39250299
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onmouseover/onmouseleave
Код: javascript
1.
<img src="image.jpg" alt="" width="100px" onmouseover="funcWidth(this, 'up')" onmouseleave="funcWidth(this,'down')">
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.06.2016, 17:59
    #39250332
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onmouseover/onmouseleave
vdekameron,

вот это не очень понятно
Код: javascript
1.
per.width=500;


Возможно правильнее так
Код: javascript
1.
per.style.width = 500 + 'px';
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.06.2016, 21:24
    #39250452
.tmp
.tmp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onmouseover/onmouseleave
Код: javascript
1.
2.
3.
4.
5.
6.
function funcWidth(per){
if(per.onmouseover) per.width=500;
if(per.onmouseleave) per.width=100;
}
//..<><><><>
<img src="image.jpg" alt="" width="100px" onmouseover="funcWidth(this)" onmouseleave="funcWidth(this)">
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.06.2016, 22:39
    #39250498
vdekameron
vdekameron
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onmouseover/onmouseleave
вадя,

ну а в скрипте как обратится?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.06.2016, 22:40
    #39250499
vdekameron
vdekameron
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onmouseover/onmouseleave
.tmp,

я же выше писал, что так пробовал. Не идет.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.06.2016, 22:45
    #39250503
vdekameron
vdekameron
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onmouseover/onmouseleave
user89,

нет, так не работает. Я передаю в функцию весь img со всеми атрибутами. И затем в самой функции обращаюсь к нужному атрибуту.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.06.2016, 23:22
    #39250523
.tmp
.tmp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onmouseover/onmouseleave
vdekameronвадя,

ну а в скрипте как обратится?
Дьяволом обратится, чо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.06.2016, 23:32
    #39250525
.tmp
.tmp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onmouseover/onmouseleave
vdekameron.tmp,

я же выше писал, что так пробовал. Не идет.
Да. И Ваш код не работал. А приведённый - работает.
Что Вы делаете? Есть ли адрес обработчика? Так он есть. Функция отработала дважды. Сразу. Оба условия.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.06.2016, 19:06
    #39250896
OldBoyOdeSu
OldBoyOdeSu
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onmouseover/onmouseleave
а так будет работать?
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
<!DOCTYPE HTML>
<html>
<head>
	<title>События и их обр дз</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<script type="text/javascript">
		function funcWidthUp(elem, event){
                      if(event.type == 'mouseover){
			elem.style.width=500 + 'px';
                      }else{
                        elem.style.width=100 + 'px';
                      }
		}		 
	</script>
</head>
<body>
	<img src="image.jpg" alt="" width="100px" onmouseover="funcWidthUp(this, event)" onmouseleave="funcWidthDown(this, event)">
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.06.2016, 19:28
    #39250904
Gwa
Gwa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onmouseover/onmouseleave
OldBoyOdeSu, не будет
Вот так будет:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
<!DOCTYPE HTML>
<html>
<head>
	<title>События и их обр дз</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<script type="text/javascript">
		function funcWidthUp(elem, event)
		{
        if (event.type == 'mouseover')
		    { elem.style.width=500 + 'px'; }
        if (event.type == 'mouseout')
		    { elem.style.width=100 + 'px'; }
		}		 
	</script>
</head>
<body>
	<img src="fox.jpg" alt="" width="100px" onmouseover="funcWidthUp(this, event)" onmouseout="funcWidthUp(this, event)">
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.06.2016, 06:32
    #39250991
OldBoyOdeSu
OldBoyOdeSu
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onmouseover/onmouseleave
Gwa,

ну я только идею показал, пропустил кавычку и имя функции не то, я к тому что в принципе всё из event можно взять, даже this не нужен
ссылка на элемент (this) это event.target, для этих событий
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.06.2016, 10:27
    #39251059
Gwa
Gwa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onmouseover/onmouseleave
OldBoyOdeSu,
откуда вообще взялось onmouseleave ?
Уже в посылке TC видно, что оно не подсвечивается (по синтаксису)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / onmouseover/onmouseleave / 13 сообщений из 13, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]