Форум

Kostas · #1 (**permalink**) 29.07.2013, 22:07

Приветствую всех!

Есть скрип, выдающий сообщение по правому клику мыши

function click() {
					if (event.button==2)  {
					$ ("#message").show();
					setTimeout(function() { $ ("#message").hide() }, 3000)
					} }
					document.onmousedown=click;

<p id="message" >Текст сообщения</p>

Работает по клику в любом месте. А мне необходимо, чтобы он выполнялся по клику на картинке с определенным id

<img id="one" src="" />

Не могу разобраться, как это сделать. Буду признателен за помощь.

рони · #2 (**permalink**) 29.07.2013, 22:26

Kostas,
то ли квери то ли не квери ... это мысли вслух ... то ли getElementById('one') то ли $('#one')

zilker · #3 (**permalink**) 29.07.2013, 23:37

<head>
	<script src="http://yandex.st/jquery/2.0.3/jquery.min.js"></script>
</head>

<img id="one" src="http://lh5.googleusercontent.com/-pGBzOLAXjzM/AAAAAAAAAAI/AAAAAAAAAAA/FrCADq-bXCk/s27-c/photo.jpg" />
<p id="message" style="display: none;" >Текст сообщения</p>

<script>
	function click(event) {
        event.preventDefault();
		$("#message").show();
		setTimeout(function() { $ ("#message").hide() }, 3000)
	}
	$('#one').bind('contextmenu', click);
</script>

ruslan_mart · #4 (**permalink**) 30.07.2013, 12:02

Вместо:

$("#message").show();
setTimeout(function() { $ ("#message").hide() }, 3000)

Можно написать так:

$("#message").show().delay(3000).hide();

Kostas · #5 (**permalink**) 30.07.2013, 13:43

Спасибо всем отclickнувшимся)))

Сообщение от zilker

<head>
	<script src="http://yandex.st/jquery/2.0.3/jquery.min.js"></script>
</head>

<img id="one" src="http://lh5.googleusercontent.com/-pGBzOLAXjzM/AAAAAAAAAAI/AAAAAAAAAAA/FrCADq-bXCk/s27-c/photo.jpg" />
<p id="message" style="display: none;" >Текст сообщения</p>

<script>
	function click(event) {
        event.preventDefault();
		$("#message").show();
		setTimeout(function() { $ ("#message").hide() }, 3000)
	}
	$('#one').bind('contextmenu', click);
</script>

Ваш скрипт работает, но только на одной картинке. Если на странице находится несколько картинок с одинаковым id, то он срабатывает только по первой. Это как-то можно изменить?

zilker · #6 (**permalink**) 30.07.2013, 13:47

Id должен быть один на странице, это уникальный идентификатор. Если нужно несколько - используйте классы.

Kostas · #7 (**permalink**) 30.07.2013, 14:01

Спасибо, как раз только что сам до этого допер. Поставил класс и все заработало!

Kostas · #8 (**permalink**) 30.07.2013, 14:54

Блин, только вот новая проблема. Картинки отображаются в jquery галерее, а скрипт работает только на превьюшки, на полноразмерные его действие не распространяется. Ковырять скрипт галереи это высшие материи для меня.

Форум

Справочник

Discord чат

Курсы javascript