Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как обработать hover / 6 сообщений из 6, страница 1 из 1
18.07.2017, 06:54
    #39490453
kasper_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как обработать hover
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
		addEvent(document, 'mousemove', function(e){
			var input = self._input;
			if (!input || !over) return;

			if (self._disabled){
				removeClass(self._button, 'hover');
				input.style.display = 'none';
				return;
			}

			var c = getMouseCoords(e);

			if ((c.x >= box.left) && (c.x <= box.right) &&
			(c.y >= box.top) && (c.y <= box.bottom)){
				input.style.top = c.y - dialogOffset.top + 'px';
				input.style.left = c.x - dialogOffset.left + 'px';
				input.style.display = 'block';
				addClass(self._button, 'hover');
			} else {
				// mouse left the button
				over = false;
				if (!self.justClicked){
					input.style.display = 'none';
				}
				removeClass(self._button, 'hover');
			}
		});

Что можно сделать, чтобы при наведении менялся фон?
...
Рейтинг: 0 / 0
18.07.2017, 07:00
    #39490454
oaken
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как обработать hover
kasper_,

Не нужен тут js, достаточно css
...
Рейтинг: 0 / 0
18.07.2017, 07:04
    #39490455
kasper_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как обработать hover
Не помогает.
На странице код:
Код: html
1.
2.
3.
<div id="upload">
   <span>Выбор изображения</span>
</div>


работа связана со скриптом загрузки файла ajaxupload.3.5.js

при прописывании стилей css для #upload:hover - выделения не происходит
...
Рейтинг: 0 / 0
18.07.2017, 07:13
    #39490457
как обработать hover
...
Рейтинг: 0 / 0
18.07.2017, 07:22
    #39490458
kasper_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как обработать hover
с этим блоков связано выполнение скрипта:

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
<script type="text/javascript" >
	$(function(){
		var btnUpload=$('#upload');
		var status=$('#status');
		new AjaxUpload(btnUpload, {
			action: '../JS/upload-file.php',
			name: 'uploadfile',
			onSubmit: function(file, ext){
				if (! (ext && /^(bmp|jpg|png|jpeg|gif)$/.test(ext))){
					// extension is not allowed
					status.text('Поддерживаемые форматы bmp, jpg, jpeg, png, gif');
					return false;
				}
				status.text('Загрузка...');
			},
			onComplete: function(file, response){
				//On completion clear the status
				status.text('');
				//Add uploaded file to list
				if(response==="success"){
					$('<li></li>').appendTo('#files').html('<img src="../Uploads/'+file+'" alt=""><br>'+file).addClass('success');
				} else{
					$('<li></li>').appendTo('#files').text('Файл не загружен!' + file).addClass('error');
				}
			}
		});
	});
</script>
...
Рейтинг: 0 / 0
18.07.2017, 07:44
    #39490463
как обработать hover
kasper_,

С чего вы взяли, что после работы скрипта, элемент с id="upload" вообще присутствует на странице? Может быть скрипт его выпиливает к чертям? Вы сначала исследуйте, что получается в итоге средствами разработчика в браузере.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как обработать hover / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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