Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Определить позицию выделенного элемента (https://javascript.ru/forum/dom-window/23868-opredelit-poziciyu-vydelennogo-ehlementa.html)

n00de 09.12.2011 12:34

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

ksa 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 09.12.2011 21:15

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

ksa 09.12.2011 22:42

Цитата:

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

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

n00de 09.12.2011 23:31

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

ksa 10.12.2011 10:39

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

n00de 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)");
            });


Часовой пояс GMT +3, время: 02:52.