Определить позицию выделенного элемента
Всем добрый день, у меня такой вопрос!
Есть на сайте 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, время: 01:01. |