Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Поменять картинку во время выполнения тега FORM / 6 сообщений из 6, страница 1 из 1
24.06.2014, 11:57
    #38678317
kappoly
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Поменять картинку во время выполнения тега FORM
Приветствую.

Не получается променять картинку во время выполнения тега FORM. Как это можно сделать?

Код: javascript
1.
2.
3.
4.
5.
6.
<script language=JavaScript>
function set_wait()
{
    document.getElementById('image_go').src = 'wait.gif';
}
</script>



Код: html
1.
2.
3.
<form method=post action=?action>
<input type=image id=image_go src=go.png style="onclick=set_wait()">
</form>
...
Рейтинг: 0 / 0
24.06.2014, 12:02
    #38678323
kappoly
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Поменять картинку во время выполнения тега FORM
Блин. Стиль конечно лишний. Вот так.

Код: html
1.
2.
3.
<form method=post action=?action>
<input type=image id=image_go src=go.png onclick=set_wait()>
</form>



Функция вызывается, но вместо картинки пустое место.
...
Рейтинг: 0 / 0
24.06.2014, 12:30
    #38678369
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Поменять картинку во время выполнения тега FORM
Нуууу не знаю, у меня всё работает:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<!DOCTYPE HTML>
<html>  
<head></head>
<body>
  <input onclick="onImageClick(this)" src="http://htmlbook.ru/themes/hb/img/icon_no.png" type="image"/>
  <script>
    function onImageClick(sender) {
      var called = arguments.callee.called || 0;

      sender.src = called % 2
        ? "http://htmlbook.ru/themes/hb/img/icon_no.png"
        : "http://htmlbook.ru/themes/hb/img/icon_yes.png";

      arguments.callee.called = called + 1;
    }
  </script>
</body>
</html>


В каком хоть браузере смотрите?
...
Рейтинг: 0 / 0
24.06.2014, 12:46
    #38678397
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Поменять картинку во время выполнения тега FORM
skyANA,

наверное, у ТС меняется картинка примерно по такому сценарию (после submit, страница refresh-ится, картинка возвращается)
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<!DOCTYPE HTML>
<html>  
<head></head>
<body>
 <form method="post" action="?action">
  <input onclick="onImageClick(this)" src="http://htmlbook.ru/themes/hb/img/icon_no.png" type="image"/>
 </form>
  <script>
    function onImageClick(sender) {
      var called = arguments.callee.called || 0;

      sender.src = called % 2
        ? "http://htmlbook.ru/themes/hb/img/icon_no.png"
        : "http://htmlbook.ru/themes/hb/img/icon_yes.png";

      arguments.callee.called = called + 1;
    }
  </script>
</body>
</html>


Тут аякс нужен...
...
Рейтинг: 0 / 0
24.06.2014, 12:49
    #38678405
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Поменять картинку во время выполнения тега FORM
user89skyANA,

наверное, у ТС меняется картинка примерно по такому сценарию (после submit, страница refresh-ится, картинка возвращается)Так ему так и надо: пока сервер обрабатывает запрос, то крутится картинка "Please wait...". Сервис ответил, страница обновилась, картинка прежняя.
...
Рейтинг: 0 / 0
24.06.2014, 13:00
    #38678421
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Поменять картинку во время выполнения тега FORM
Вот тут можно проверить следующий код:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<!DOCTYPE HTML>
<html>  
<head></head>
<body>
 <form action="/ajax/demo_post.asp" method="post">
  <input onclick="onImageClick(this)" src="http://htmlbook.ru/themes/hb/img/icon_no.png" type="image"/>
 </form>
  <script>
    function onImageClick(sender) {
      sender.src = "http://htmlbook.ru/themes/hb/img/icon_yes.png";
    }
  </script>
</body>
</html>


Пока сервер обрабатывает запрос, пользователь видит icon_yes.png
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Поменять картинку во время выполнения тега FORM / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]