Форум

Freddy · #1 (**permalink**) 04.03.2016, 16:39

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

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

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

рони · #2 (**permalink**) 04.03.2016, 17:03

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

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

Freddy · #3 (**permalink**) 04.03.2016, 19:13

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

<!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>

рони · #4 (**permalink**) 04.03.2016, 19:16

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

onclick="ins(ТУТsp_iconИТУТ)"

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

Freddy · #5 (**permalink**) 04.03.2016, 19:23

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

Freddy · #6 (**permalink**) 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';
}

рони · #7 (**permalink**) 04.03.2016, 19:32

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

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

[js]
... ваш код...
[/js]

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

Freddy · #8 (**permalink**) 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';
}

рони · #9 (**permalink**) 04.03.2016, 20:12

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

рони · #10 (**permalink**) 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';
}

Форум

Справочник

Discord чат

Курсы javascript