При нажатии на кнопку должна отображатся другая картинка ,при повторном нажатии снова первая картинка

@powerking11 · Регистрация: 28.04.2016

Author24 — интернет-сервис помощи студентам

На html языке отобразить картинку и кнопку.При нажатии на кнопку должна отображатся другая картинка ,при повторном нажатии снова первая картинка ,так каждое нажатие

Добавлено через 54 минуты

Javascript

function chg(id){
var el = document.getElementById(id);
if (el.src.indexOf("https://www.cyberforum.ru/images/widget_country_button_on.png")>0){
el.src="https://www.cyberforum.ru/images/widget_country_button_off.png";
}
else{
el.src="https://www.cyberforum.ru/images/widget_country_button_on.png";
}
}

@AlexZaw · 09.12.2017, 21:09

Попробуйте ==0 так как, скорее всего, именно на этой позиции и находится искомая строка.
А вообще конечно оригинальный метод вы выбрали

@powerking11 · 09.12.2017, 21:17 **[ТС]**

А какой метод можете предложить вы?
Мне интересно сколько есть способов решить эту задачу.
Может предложете что-нибудь попроще?

@AlexZaw · 09.12.2017, 21:41

Например при нажатии на кнопку добавлять одной display:none, а у другой убирать. Или скрыть обе картинки, одной добавить класс которой включает отображение и при нажатии добавлять класс второй картинке, а у показаной убирать.
Ваш способ может не так и плох, но требует обновления DOM, иначе простая замена src ничего не даст и картинка не изменится.

@j2FunOnly · 11.12.2017, 09:09

Сообщение от AlexZaw

простая замена src ничего не даст и картинка не изменится.

откуда такая информация?

@AlexZaw · 11.12.2017, 09:36

Моя ошибка, признаю

Недавно только начал JS учить

@AlexZaw Модератор 2314 / 1686 / 662 Регистрация: 07.08.2016 Сообщений: 4,006
	09.12.2017, 21:09	2
	Попробуйте ==0 так как, скорее всего, именно на этой позиции и находится искомая строка. А вообще конечно оригинальный метод вы выбрали 0

@powerking11 1 / 1 / 0 Регистрация: 28.04.2016 Сообщений: 105
	09.12.2017, 21:17 [ТС]	3
	А какой метод можете предложить вы? Мне интересно сколько есть способов решить эту задачу. Может предложете что-нибудь попроще? 0

@AlexZaw Модератор 2314 / 1686 / 662 Регистрация: 07.08.2016 Сообщений: 4,006
	09.12.2017, 21:41	4
	Например при нажатии на кнопку добавлять одной `display:none`, а у другой убирать. Или скрыть обе картинки, одной добавить класс которой включает отображение и при нажатии добавлять класс второй картинке, а у показаной убирать. Ваш способ может не так и плох, но требует обновления DOM, иначе простая замена src ничего не даст и картинка не изменится. 0

@j2FunOnly the hardway first 2464 / 1839 / 906 Регистрация: 05.06.2015 Сообщений: 3,604
	11.12.2017, 09:09	5
	Сообщение от AlexZaw простая замена src ничего не даст и картинка не изменится. откуда такая информация? 0

@AlexZaw Модератор 2314 / 1686 / 662 Регистрация: 07.08.2016 Сообщений: 4,006
	11.12.2017, 09:36	6
	Моя ошибка, признаю Недавно только начал JS учить 0

Опции темы