Определить позицию выделенного элемента
Всем добрый день, у меня такой вопрос!
Есть на сайте 5 тегов IMG с одним именем. мне нужно написать функцию которая определяет на какой элемент я нажал. все картинки идут одна за другой! Например, если нажал на 3 картинку то выдало что нажал на 3 картинку. Как это можно реализовать? :help: |
Цитата:
Например так... <!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> |
Да именно то что нужно. Спасибо огромное!
а ещё вопрос! я вот навожу на 1 картинку допустим 2 и она изменяется и первая тоже изменяется! |
Цитата:
Хотя я и это предложение не понял... |
Вот знаешь есть голосования. типо несколько звёздочек! и когда на одну наводишь все предыдущие тоже подсвечиваются!
|
n00de, сделай сначала тестовый пример. Т.е. сам хоть что-то сделай для начала...
|
Люди нужна ваша помощь!
в общем проблема всё таже. нужно сделать голосование для сайта. есть пять тегов 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, время: 09:22. |