Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   На onclick не изменяется картинка (https://javascript.ru/forum/dom-window/61715-na-onclick-ne-izmenyaetsya-kartinka.html)

Freddy 04.03.2016 16:39

На onclick не изменяется картинка
 
Не пойму почему скрипт по клику не заменяет картинку на указанную

function ins(id) {
var el = document.getElementById(id);
if (el.src === 'img1.jpg') el.src = 'img2.jpg'
else el.src = 'img1.jpg';
}

или не в скрипте дело?

рони 04.03.2016 17:03

Цитата:

Сообщение от Freddy
или не в скрипте дело?

:yes:

Freddy 04.03.2016 19:13

Не пойму тогда в чем проблема. ищу ошибку в html и не вижу:blink:

<!DOCTYPE HTML>
<html>

<head>
<!-- Тег meta для указания кодировки -->
<meta charset="utf-8">
<script type='text/javascript' src="jquery-1.12.0.min.js"></script>
<script type='text/javascript' src="sc3.js"></script>
</head>

<body>

<p>Начало документа...</p>

<div>
<span onclick="ins(sp_icon)"><img id="sp_icon" src="arrow_right.gif">Текст</span>
</div>

<p>...Конец документа</p>

</body>

</html>

рони 04.03.2016 19:16

Цитата:

Сообщение от Freddy
onclick="ins(ТУТsp_iconИТУТ)"

где кавычки? одинарные

Freddy 04.03.2016 19:23

сделал с кавычками, чет все равно не арбайтэ :(

Freddy 04.03.2016 19:25

скрипт подключен как sc3.js

function ins(id) {
var el = document.getElementById(id);
if (el.src === 'arrow_right.gif') el.src = 'arrow_down.gif'
else el.src = 'arrow_right.gif';
}

рони 04.03.2016 19:32

Freddy,
сделайте нормальный макет и Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Freddy 04.03.2016 20:01

<!DOCTYPE HTML>
<html>

<head>

<meta charset="utf-8">
<script type='text/javascript' src="jquery-1.12.0.min.js"></script>
<script type='text/javascript' src="sc3.js"></script>
</head>

<body>

<p>Начало документа...</p>

<div>
<span onclick="ins(sp_icon)"><img id="sp_icon" src="arrow_right.gif">Текст</span>
</div>

<p>...Конец документа</p>

</body>

</html>


код js

function ins(id) {
var el = document.getElementById(id);
if (el.src === 'arrow_right.gif') el.src = 'arrow_down.gif'
else el.src = 'arrow_right.gif';
}

рони 04.03.2016 20:12

Freddy,
переделайте на атрибут src

рони 04.03.2016 20:19

Freddy,
или так
<span onclick="ins('sp_icon')"><img id="sp_icon" src="arrow_right.gif">Текст</span>

var el = document.getElementById(id);
if (~el.src.indexOf('arrow_right.gif')) el.src = 'arrow_down.gif';
else el.src = 'arrow_right.gif';
}


Часовой пояс GMT +3, время: 00:25.