onClick несколько событий

[2_k]

Возможно ли использоввать несколько событий/команд в onclick(onmouseover и т д)?

пример:

<a   onclick="document.getElementById('first').src = '/img/image1.jpg'">кнопка</a>

То есть возможно ли сюда добавить ещё, например:

"document.getElementById('second').src = '/img/image2.jpg'"

?

[s0rr0w]

Возможно ли использоввать несколько событий/команд в onclick(onmouseover и т д)?

пример:

<a   onclick="document.getElementById('first').src = '/img/image1.jpg'">кнопка</a>

То есть возможно ли сюда добавить ещё, например:

"document.getElementById('second').src = '/img/image2.jpg'"

?

Можно. Запись по правилам JS

[2_k]

Можно. Запись по правилам JS

а можете на каком нибуть небольшом примере?

[hf3]

прописывайте все операторы через “;”

[Veseloff]

То есть примерно так

<a onclick="document.getElementById('first').src='/img/image1.jpg'; document.getElementById('second').src ='/img/image2.jpg'">кнопка</a>

[2_k]

Спасибо. В продолжении темы.

<a   onclick="document.getElementById('g').src = '/img/1.jpg'; style.color = '#00ccff';">1</a>
<a   onclick="document.getElementById('g').src = '/img/2.jpg'; style.color = '#00ccff';">2</a>
<a   onclick="document.getElementById('g').src = '/img/3.jpg'; style.color = '#00ccff';">3</a>

Пытаюсь сделать активную кнопку этим способом, но не учёл другого момента - как при нажатии другой кнопки сделать все остальные не активными(изменить цвет), т е при нажатии кнопки 2 снять цвет у нажатой до этого кнопки 1 или 3?

Edited January 9, 2010 by 2_k

[Veseloff]

Присвойте каждой ссылке какой-нибудь класс и всем "элементам с этим классом" сделайте нужный цвет. Как это делается не скажу - я уже порядком подзабыл "чистый" явасрипт, поэтому посоветую вам использовать jQuery - там всё просто.

style.color = '#00ccff';

А вот это вообще ересь какая-то - style не является объектом.

P.S. А, и еще можно не присваивать класс, а заключить все ссылки в блок с неким айдишником и его чилдренам выставлять нужные свойства. Вообще можно еще вариантов навыдумывать массу - развивайте фантазию

[2_k]

Спасибо, буду капать дальше.

style.color = '#00ccff';

А вот это вообще ересь какая-то - style не является объектом.

написал на угад, но оно работает.

[s0rr0w]

А вот это вообще ересь какая-то - style не является объектом.

Как раз является. Онклик исполняется от имени ноды, в ее контексте.

[Int]

rrrr.className вроде задаёт класс. А я делал так: задавал всем имена типа id1, id2, id3, потом циклом пробегал по всем id, менял классы на дефолтные, а затем подсвечивал один нужный id

[Nekromancer]

var divWrap = document.getElementById('divWrap');

var linkArr = divWrap.getElementsByTagName('a');
var chengeColor = function(){
 for(var i = 0;i<linkArr.length;i++){
  linkArr[i].style.color = '#000000';
 }
};

<div id="divWrap">
<a href="#" onClick="chengeColor();this.style.color = '#FFFFFF'">1</a>
<a href="#" onClick="chengeColor();this.style.color = '#FFFFFF'">2</a>
<a href="#" onClick="chengeColor();this.style.color = '#FFFFFF'">3</a>
</div>

хотя слишком нагромождёно, если специально делать для конкретно примера, можно элегантнее выкрутиться

Edited January 13, 2010 by Nekromancer