есть такая функция
<script type="text/javascript">
function chg(id){
if (document.getElementById(id).src.indexOf("1.jpg")>0){
document.getElementById(id).src="2.jpg"
}else{
document.getElementById(id).src="1.jpg"
}
}
</script>
смена картинки при нажатии все бы хорошо, когда картинка одна т.е.
<a href="#"><img src="1.jpg" id="img_1" onClick="chg(this.id)"></a>
работает, но когда их несколько то id уже не прокатывает и нужен class
пытаюсь поменять в функции document.getElementById на document.getElementByClass
и соответственно в скрипте ставить не id="img_1" , а class="img_1" , но почему то не робит.
Спустя 2 минуты, 42 секунды (2.02.2012 - 14:56) nugle написал(а):
A.B.C.
потому что элементов много, поэтому не Element, а Elements
потому что элементов много, поэтому не Element, а Elements
Спустя 3 минуты, 50 секунд (2.02.2012 - 15:00) GET написал(а):
nugle
перестало работать почему то
перестало работать почему то
function chg(id){
if (document.getElementsByClass(id).src.indexOf("1.jpg")>0){
document.getElementsByClass(id).src="2.jpg"
}else{
document.getElementsByClass(id).src="1.jpg"
}
}
<a href="#"><img src="1.jpg" class="img_1" onClick="chg(this.id)"></a>
Спустя 5 минут, 21 секунда (2.02.2012 - 15:05) GET написал(а):
IE вообще пишет ошибку что этот метод не поддерживается
Спустя 24 минуты, 29 секунд (2.02.2012 - 15:30) neadekvat написал(а):
A.B.C., нет возможности использовать какой-нибудь js-фреймворк? Тут для кроссбраузерности придется кода то добавить - а оно тебе надо?
Спустя 2 минуты, 30 секунд (2.02.2012 - 15:32) GET написал(а):
neadekvat
jquery подключен...ну так я подумал примочку сделать, чтоб рисунок - треугольник переворачивался и менял цвет когда DIV расширялся - Читать далее...(когда длинная новость)
jquery подключен...ну так я подумал примочку сделать, чтоб рисунок - треугольник переворачивался и менял цвет когда DIV расширялся - Читать далее...(когда длинная новость)
Спустя 4 минуты, 37 секунд (2.02.2012 - 15:37) nugle написал(а):
В эту сторону смотри, пока просто не доработал, там через цикл гнать надо
<script type="text/javascript">
function chg(id){
list = document.getElementsByClassName(id);
alert(list[0])
if (document.getElementsByClassName(id).length>0){
document.getElementsByClassName(id).src="1_3.jpg"
}else{
document.getElementsByClassName(id).src="1_1.jpg"
}
}
</script>
<a href="#"><img src="1_2.jpg" class="img_1" onClick="chg(this)"></a>
Спустя 1 минута, 9 секунд (2.02.2012 - 15:38) GET написал(а):
nugle
Спасибо
Спасибо
Спустя 33 минуты, 41 секунда (2.02.2012 - 16:12) neadekvat написал(а):
| Цитата (A.B.C. @ 2.02.2012 - 16:32) |
| jquery подключен |
Дак и делай тогда через него. К чему все эти конструкции.
$('.img_1').attr('src', '...');
Спустя 32 минуты, 20 секунд (2.02.2012 - 16:44) nugle написал(а):
neadekvat
с другой стороны дергать таблицу ресурсоемко
с другой стороны дергать таблицу ресурсоемко
Спустя 5 минут, 39 секунд (2.02.2012 - 16:50) neadekvat написал(а):
| Цитата (nugle @ 2.02.2012 - 17:44) |
с другой стороны дергать таблицу ресурсоемко |
Давайте на асме все писать, елы палы. Если там уже подключен jquery, не вижу смысла писать getElementsByClass - это ж.. глупо, что ли.
Спустя 24 минуты, 52 секунды (2.02.2012 - 17:14) nugle написал(а):
neadekvat
ну в принципе я с тобой согласен
ну в принципе я с тобой согласен
_____________
Не тот велик, кто не падал, а тот кто падал и поднимался.