VPF::КАК заблокировать кнопку на javascript?

sergejzr

Дата 8.11.2004, 18:56 (ссылка)

(нет голосов)

Загрузка ...

Un salsero
Group Icon

Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

Репутация: 10
Всего: 360

Q: КАК заблокирoвать кнопку на Javascript на определённое время, которое должно отображаться на самой кнопке?
How could one disable the button for some time? The time for the button to be disabled should be displayed on the button.
Wie kann mann einen Knopf vorübergehend ausschalten. Die Zeit bis zum Wiedereinschalten soll auf dem Knopf sichtbar sein.

A: Для этого следует использовать setTimer и свойство кнопки "disabled"

Броузеры: IE/Mozilla/Опера (Кнопка не реагирует на изменение свойства disabled)
Пример:

Код


<!--
 Thanks to http://vingrad.ru/@<Spawn>
 for this excample.
 -->
<html>
 <head>
 <script language="javascript">
 <!--
  function buttonTimer()
  {
   var btn = document.getElementById("TimerButton");
   btn.value--;
   (btn.value == 0) ?
    btn.disabled = false :
    setTimeout(buttonTimer, 1000);
  }
  function BodyLoad()
  {
   setTimeout(buttonTimer, 1000);
  }
 //-->
 </script>
 </head>
 <body onload="BodyLoad()">
 <input type="button" id="TimerButton" value="5" style="width:50"disabled>
 </body>
</html>

Примечания:
Время задержки удобно выставляется в коде HTML свойством "value" самой кнопки
Спасибо за пример <Spawn>, korob2001 за предоставленный материал.

--------------------

Me.
FB.
LinkedIn.
ORCID.
YT.

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »