ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Поменять картинку во время выполнения тега FORM
6 сообщений из 6, страница 1 из 1
Поменять картинку во время выполнения тега FORM
    #38678317
kappoly
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kappoly
Гость
Приветствую.

Не получается променять картинку во время выполнения тега 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, 11:57
| Ответить | Цитировать | Написать  
Поменять картинку во время выполнения тега FORM
    #38678323
kappoly
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kappoly
Гость
Блин. Стиль конечно лишний. Вот так.

Код: 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:02
| Ответить | Цитировать | Написать  
Поменять картинку во время выполнения тега FORM
    #38678369
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Нуууу не знаю, у меня всё работает:
Код: 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:30
| Ответить | Цитировать | Написать  
Поменять картинку во время выполнения тега FORM
    #38678397
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
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:46
| Ответить | Цитировать | Написать  
Поменять картинку во время выполнения тега FORM
    #38678405
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
user89skyANA,

наверное, у ТС меняется картинка примерно по такому сценарию (после submit, страница refresh-ится, картинка возвращается)Так ему так и надо: пока сервер обрабатывает запрос, то крутится картинка "Please wait...". Сервис ответил, страница обновилась, картинка прежняя.
...
Рейтинг: 0 / 0
24.06.2014, 12:49
| Ответить | Цитировать | Написать  
Поменять картинку во время выполнения тега FORM
    #38678421
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Вот тут можно проверить следующий код:
Код: 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
24.06.2014, 13:00
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Поменять картинку во время выполнения тега FORM
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38678369&tid=1446963]:
 0ms
get settings:
 5ms
get forum list:
 8ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 157ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 45ms
get tp. blocked users:
 1ms
others: 193ms
total:  424ms
созд. / загр.: 424ms
x
x
Закрыть


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