Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > КАК заблокировать кнопку на javascript?

Автор: sergej.z 8.11.2004, 18:56

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" самой кнопки
Спасибо за пример http://vingrad.ru/@<Spawn>, http://vingrad.ru/@korob2001 за предоставленный материал.