Перейти к содержимому


Выбрать шаблон и создать сайт

  • Закрытая тема Тема закрыта

Элемент, вызвавший событие

#1 LuckyO_O

LuckyO_O
  • Пользователь
  • 19 сообщений
  • Репутация: 0
0

Отправлено 15 Февраль 2010 - 19:28

Добрый вечер =).
Такой вопрос - как можно на JavaScript получить значение элемента?
Допустим есть несколько картинок со своими id - встал вопрос, как по клику именно на какую либо картинку получить ссылку на эту картинку?
getElementById() b getElementByTagName тут явно не подходят - у каждой картинки свой ID ;);)

Может есть какой способ, что то вроде getValue? ;)

 

 

  • 0

#2 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 16 Февраль 2010 - 00:12

LuckyO_O,
1) Для своих вопросов, создаём свои темы, сколько раз обсуждать... Вынес в отдельное производство ;)
2) По вашему вопросу:
Почитайте про объект this

Для каждого активного контекста выполнения существует связанная с ним переменная this. Значение this зависит от вызывающего и от типа выполняемого кода и определяется, когда управление входит в контекст выполнения. Значение this, связанное с контекстом выполнения, является неизменяемым.

Литература:
This
Зависимость this, от типа кода

А вот тебе и пример работы
<html>
<head>
<script type="text/javascript">
function getId(elem)
{
alert(elem.id); // выводит id элемента, переданного в elem
}
</script>
</head>
<body>
<img id="pic1" src="picture1.jpg" width="250" height="250" onClick="getId(this)" />
<img id="pic2" src="picture2.jpg" width="250" height="250" onClick="getId(this)" />
</body>
</html>

  • 0

#3 LuckyO_O

LuckyO_O
    Topic Starter
  • Пользователь
  • 19 сообщений
  • Репутация: 0

Отправлено 16 Февраль 2010 - 12:31

1) Для своих вопросов, создаём свои темы, сколько раз обсуждать... Вынес в отдельное производство smile.gif

Я б рад, но пока нет 10 сообщений система не позволяет, а флудить то же не хочется ;)

Почитайте про объект this

Большое спасибо =) Ушел читать ;)
  • 0

#4 LuckyO_O

LuckyO_O
    Topic Starter
  • Пользователь
  • 19 сообщений
  • Репутация: 0

Отправлено 16 Февраль 2010 - 16:29

ААААА, получилось, что хотел ;) Доволен как слон. спасибо =)
Теперь при нажатии на 1-ю или 2-ю картинку меняется 3-я ;) ( да-да-да, детский сад - радости полные штаны =Р )

<html>
<head>
<script type="text/javascript">
function getId(elem)
{

pic3.src = elem.src;
}
</script>
</head>
<body>
<img id="pic1" src="s3img_7120701_15377_1.jpg" width="250" height="250" onClick="getId(this)"/>
<img id="pic2" src="0M.jpg" width="250" height="250" onClick="getId(this)" />
<img id="pic3" src="x_68362e49.jpg" width="250" height="250"/>
</body>
</html>


  • 0

#5 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 16 Февраль 2010 - 20:58

Молодец, двигайся в том же направлении.
Вопрос решен? Тему можно закрыть?
  • 0

#6 LuckyO_O

LuckyO_O
    Topic Starter
  • Пользователь
  • 19 сообщений
  • Репутация: 0

Отправлено 16 Февраль 2010 - 21:55

Угу, решен, можно закрывать =)
  • 0


Оформление форума – IPBSkins.ru