0

Есть 2 кнопки. После клика по первой в блок каждую секунду выводятся строки. При клике по второй - все строки из блока очищаются, и появляется строка "выключено". Как заблокировать вторую кнопку до момента пока все строки не загрузятся? Т.е. после нажатия на первую конопку на вторую можно будет нажать после загрузки всех строк. Как это реализовать?

3
  • Загрузки откуда?
    – user245150
    Commented 22 июл. 2017 в 12:04
  • Какие загрузки?
    – ExposedCat
    Commented 22 июл. 2017 в 12:07
  • Вы сказали что выводяться строки в блок. Откуда и как? Commented 22 июл. 2017 в 13:22

4 ответа 4

1

document.getElementById("buttonId").disabled=true; - эта строка деактивирует кнопку.Она видна, но не работает. document.getElementById("buttonId").disabled=false; -эта строка активирует кнопку.

0

Можно ее прятать с помощь свойств Visible, либо свойства Disable. Через jQuery можно сделать.

 $(':input[type="submit"]').prop('disabled', true);
3
  • мне надо не прятать, а менять внешность и отключать. а вообще желательно пример кода....
    – ExposedCat
    Commented 22 июл. 2017 в 12:06
  • где задавать id кнопок?
    – ExposedCat
    Commented 22 июл. 2017 в 12:20
  • @ArtemPro <button id="тут твой id">Click Me!</button>
    – Nikita
    Commented 22 июл. 2017 в 19:09
0

можно реализовать примерно так

var flag;
$("#but1").on("click", function () {
  flag=false;
  function(){
    //ваш код
    flag=true;
  }
  })
$("#but2").on("click", function () {
  if (flag===false){return false;}//тоесть вы не нажмете кнопку пока не выполнится код 1 кнопки
  //ваш код
  })
0
    <button id="start" onmousedown="block();">Старт</button>
<div id="content"></div>
<button id="stop" onmousedown="alert('gg')">Стоп</button>
<script>
var button = document.getElementById('stop'),
content = document.getElementById('content'),
tempButton = button.getAttribute('onmousedown'),
    tempContent = content.innerHTML,
show = function () {
    setTimeout(function () {
        if (tempContent !== content.innerHTML && !!tempContent) {
            tempContent = content.innerHTML;
            show();
        } else {
            button.setAttribute('onmousedown',tempButton);
            //твой код(после анблока кнопки)
        }
    }, 1500);
},
block = function () {
    button.setAttribute('onmousedown','');
    //твой код(во время блока кнопки)
    show();
};
</script>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.