Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 21.12.2014, 23:01
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

тогда так к примеру, я поставил setTimeoutвместо функции которая должна выполнится
<style>
  .sbutton {
    background: #cb3131;
    /* Цвет фона */
    padding: 10px 5px;
    /* Поля вокруг текста */
    margin: 0px;
    font-size:14px;
    font-weight:600;
    color: #FFFFFF;
    /* Цвет шрифта */
    text-align: center;
    /* Надпись на кнопке по центру */
    border: solid 0px #73C8F0;
    /* Параметры рамки кнопки */
    cursor: pointer;
    /* Изменение вида курсора при наведении*/
    border-radius: 5px;
    overflow:hidden;
    opacity : 1;
    filter:alpha(opacity=100);
  }
  .sbutton:active, .sbutton[disabled] {
    position:relative;
    opacity : 0.5;
    filter:alpha(opacity=50);
    top:1px;
  }
</style>
<input id="btn" class="sbutton" value="Кнопка" type="button" />
<script>
  document.getElementById('btn').onclick = function () {
    alert('Yes');
    this.disabled = true;
    var that = this;
    setTimeout(function () {
      that.disabled = false;
    }, 5000);
  };
</script>
Ответить с цитированием
  #12 (permalink)  
Старый 21.12.2014, 23:16
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Poznakomlus, попробуй решить другую задачу
<style>
  .sbutton {
    background: #cb3131;
    /* Цвет фона */
    padding: 10px 5px;
    /* Поля вокруг текста */
    margin: 0px;
    font-size:14px;
    font-weight:600;
    color: #FFFFFF;
    /* Цвет шрифта */
    text-align: center;
    /* Надпись на кнопке по центру */
    border: solid 0px #73C8F0;
    /* Параметры рамки кнопки */
    cursor: pointer;
    /* Изменение вида курсора при наведении*/
    border-radius: 5px;
    overflow:hidden;
    opacity : 1;
    filter:alpha(opacity=100);
  }
  .sbutton:active, .sbutton[disabled] {
    position:relative;
    opacity : 0.5;
    filter:alpha(opacity=50);
    top:1px;
  }
</style>
<a id="btn" class="sbutton">Кнопка</a>

<script>
  document.getElementById('btn').onclick = function () {
	//хочу быть зелёным
	this.style.background = "green";
	this.disabled = true;
	this.style.background = "green";
	myfunc(2000);
	this.style.background = "green";
	this.disabled = false;
	this.style.background = "#cb3131";

  };
  function myfunc(ms) {
	ms += new Date().getTime();
	while (new Date() < ms){
		console.log(ms);
	}
}
</script>
Ответить с цитированием
  #13 (permalink)  
Старый 21.12.2014, 23:47
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

попробовал
<style>
  .sbutton {
    background: #cb3131;
    /* Цвет фона */
    padding: 10px 5px;
    /* Поля вокруг текста */
    margin: 0px;
    font-size:14px;
    font-weight:600;
    color: #FFFFFF;
    /* Цвет шрифта */
    text-align: center;
    /* Надпись на кнопке по центру */
    border: solid 0px #73C8F0;
    /* Параметры рамки кнопки */
    cursor: pointer;
    /* Изменение вида курсора при наведении*/
    border-radius: 5px;
    overflow:hidden;
    opacity : 1;
    filter:alpha(opacity=100);
  }
  .sbutton:active, .sbutton[disabled] {
    position:relative;
    background: green;
    opacity : 0.5;
    filter:alpha(opacity=50);
    top:1px;
  }
</style>
<a id="btn" class="sbutton">Кнопка</a>
<script>
  document.getElementById('btn').onclick = function () {
    this.disabled = true;
    myfunc.call(this, 2000);
  };

  function myfunc(ms) {
    ms += new Date().getTime();
    while (new Date() < ms) {
      console.log(ms);
      this.disabled = false;
    }
  }
</script>
Ответить с цитированием
  #14 (permalink)  
Старый 22.12.2014, 01:28
Аватар для SmilingDog
Новичок на форуме
Отправить личное сообщение для SmilingDog Посмотреть профиль Найти все сообщения от SmilingDog
 
Регистрация: 07.11.2014
Сообщений: 8

Спасибо большое . Да это то что я хотел .
Не думал , что простые кнопочки могут создать такой геморрой .

На практике применить пока не вышло . Надеюсь разберусь завтра .
Ответить с цитированием
  #15 (permalink)  
Старый 22.12.2014, 06:35
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Сообщение от Poznakomlus
попробовал
испортил функцию


Poznakomlus,
Сообщение от Poznakomlus
  function myfunc(ms) {
39
    ms += new Date().getTime();
40
    while (new Date() < ms) {
41
      console.log(ms);
42
      this.disabled = false;
43
    }
44
  }
<style>
  .sbutton {
    background: #cb3131;
    /* Цвет фона */
    padding: 10px 5px;
    /* Поля вокруг текста */
    margin: 0px;
    font-size:14px;
    font-weight:600;
    color: #FFFFFF;
    /* Цвет шрифта */
    text-align: center;
    /* Надпись на кнопке по центру */
    border: solid 0px #73C8F0;
    /* Параметры рамки кнопки */
    cursor: pointer;
    /* Изменение вида курсора при наведении*/
    border-radius: 5px;
    overflow:hidden;
    opacity : 1;
    filter:alpha(opacity=100);
  }
  .sbutton:active, .sbutton[disabled] {
    position:relative;
    background: green;
    opacity : 0.5;
    filter:alpha(opacity=50);
    top:1px;
  }
</style>
<a id="btn" class="sbutton">Кнопка</a>
<script>
  document.getElementById('btn').onclick = function () {
    this.disabled = true;
    myfunc.call(this, 2000);
  };

  function myfunc(ms) {
    ms += new Date().getTime();
    while (new Date() < ms) {
      console.log(ms);
    }
	this.disabled = false;
  }
</script>
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Анимация gif картинки при нажатии на ссылку ainur777 Общие вопросы Javascript 2 06.07.2014 16:23
Сделать кнопки без действенными на время анимации FredIkO Общие вопросы Javascript 3 06.06.2013 13:39
Обновление события кнопки TheHappy Общие вопросы Javascript 0 06.03.2012 10:30
заменяю один текст другим через прозрачность. кнопки конфликтуют. plishas Events/DOM/Window 7 12.01.2011 21:34
Цикличность анимация? SashaBorandi jQuery 1 25.12.2008 09:20