VPF::Нажатие на button - Форум программистов

xander84

Дата 2.6.2012, 17:48 (ссылка)

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

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 5
Регистрация: 29.5.2010

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

Доброго времени суток! у меня есть кнопка

Код


<button type="submit" class="button" onclick="this.disabled = true">добавить</button>

суть в том чтобы после нажатия на нее она становилась неактивной! кнопка находится в форме и на странице может быть несколько кнопок ! но данное решение не работает почему то в гугл хром, и в опере вот тоже!! кто что может подсказать как еще выйти из данной ситуации?

Это сообщение отредактировал(а) xander84 - 2.6.2012, 18:13

Cheloveck

Дата 2.6.2012, 18:26 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1578
Регистрация: 26.7.2008
Где: Тула

Репутация: нет
Всего: 32

Код


<html>
  <body>
    
    <button class="hiding_btn">Button 1</button>
    <button class="hiding_btn">Button 2</button>

    <script type="text/javascript">
      var buttons = document.getElementsByClassName("hiding_btn");
      for(var i = 0; i < buttons.length; ++i) {
        buttons[i].addEventListener("click", function() {
          this.setAttribute("disabled", "disabled");
        });
      }
    </script>
  </body>
</html>

С использованием jQuery код будет проще.

Это сообщение отредактировал(а) Cheloveck - 2.6.2012, 18:34

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

xander84

Дата 2.6.2012, 19:10 (ссылка)

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

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 5
Регистрация: 29.5.2010

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

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
  <body>
 <form action="" method="post">
    <button type="submit" class="hiding_btn">Button 1</button>    
</form>
 <form action="" method="post">
    <button type="submit" class="hiding_btn">Button 2</button>
</form>    
    <script type="submit" type="text/javascript">
      var buttons = document.getElementsByClassName("hiding_btn");
      for(var i = 0; i < buttons.length; ++i) {
        buttons[i].addEventListener("click", function() {
          this.setAttribute("disabled", "disabled");
        });
      }
    </script>
  </body>
</html>

а вот такая конструкция не работает(

Код


<button type="submit" class="hiding_btn">Button 2</button>

Это сообщение отредактировал(а) xander84 - 2.6.2012, 19:30

Aliance

Дата 4.6.2012, 09:34 (ссылка)

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

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

Всё работает, просто Хром и Опера быстрые браузеры, вы не успеваете увидеть результат их работы. Если закомментируете строчку с "триггером" субмита - увидите.

http://jsfiddle.net/LaGaZ/

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

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

xander84

Дата 4.6.2012, 10:46 (ссылка)

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

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 5
Регистрация: 29.5.2010

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

дак мне надо чтобы кнопка оставалась заблокированной после нажатия!

Добавлено через 11 минут и 47 секунд

Код


<html>
  <body>
    
    <button class="hiding_btn">Button 1</button>
    <button class="hiding_btn">Button 2</button>
    <script type="text/javascript">
      var buttons = document.getElementsByClassName("hiding_btn");
      for(var i = 0; i < buttons.length; ++i) {
        buttons[i].addEventListener("click", function() {
          this.setAttribute("disabled", "disabled");
        });
      }
    </script>
  </body>
</html>

вот как в этом случае, только для кнопки submit!!!

Aliance

Дата 5.6.2012, 09:51 (ссылка)

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

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

Не вижу проблемы, все работает: http://jsfiddle.net/Aliance/FBQZ7/

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

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

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