Форум

n00de · #1 (**permalink**) 09.12.2011, 12:34

Всем добрый день, у меня такой вопрос!
Есть на сайте 5 тегов IMG с одним именем. мне нужно написать функцию которая определяет на какой элемент я нажал. все картинки идут одна за другой! Например, если нажал на 3 картинку то выдало что нажал на 3 картинку. Как это можно реализовать?

ksa · #2 (**permalink**) 09.12.2011, 13:18

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

5 тегов IMG с одним именем

Имеется ввиду атрибут name?

Например так...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
	$('img[name="test"]').each(function (N){
		$(this).click(function (){
			alert('Это рисунок под номером '+(N+1));
		});
	});
});
</script>
</head>
<body>
<img name='test' src='http://javascript.ru/forum/images/smilies/smile.gif' />
<img name='test' src='http://javascript.ru/forum/images/smilies/wink.gif' />
<img name='test' src='http://javascript.ru/forum/images/smilies/laugh.gif' />
<img name='test' src='http://javascript.ru/forum/images/smilies/lol.gif' />
</body>
</html>

n00de · #3 (**permalink**) 09.12.2011, 21:15

Да именно то что нужно. Спасибо огромное!
а ещё вопрос! я вот навожу на 1 картинку допустим 2 и она изменяется и первая тоже изменяется!

ksa · #4 (**permalink**) 09.12.2011, 22:42

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

я вот навожу на 1 картинку допустим 2 и она изменяется и первая тоже изменяется!

И где вопрос?
Хотя я и это предложение не понял...

n00de · #5 (**permalink**) 09.12.2011, 23:31

Вот знаешь есть голосования. типо несколько звёздочек! и когда на одну наводишь все предыдущие тоже подсвечиваются!

ksa · #6 (**permalink**) 10.12.2011, 10:39

n00de, сделай сначала тестовый пример. Т.е. сам хоть что-то сделай для начала...

n00de · #7 (**permalink**) 28.02.2012, 00:57

Люди нужна ваша помощь!
в общем проблема всё таже. нужно сделать голосование для сайта. есть пять тегов li с фоном звезды. когда навожу на неё меняется фоновое изображение на звезду другого цвета и у всех элементов которые стоят до этой звезды. а при щелчке все они фиксируются. Вот есть код. но тут проблема что при щелчке пусть и фиксируется, но когда убираю курсор и они все становятся стандартными. что можно сделать? может можно как то отследить событие щелчка мышки?

$(".star-class-1").hover(function () {
                $(".star-class-li:nth-of-type(-n+1)").css("background","url(i/star-gold.png)");
            },
            function () {
                $(".star-class-li:nth-of-type(-n+5)").css("background","url(i/star-grow.png)");
            });
           $(".star-class-1").click(function () {
                $(".star-class-li:nth-of-type(1)").css("background","url(i/star-gold.png)");
                $(".star-class-li:nth-of-type(n+2)").css("background","url(i/star-grow.png)");
            });

Форум

Справочник

Discord чат

Курсы javascript