Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 03.03.2020, 11:11   #1
bsi1952
Новичок
Джуниор
 
Регистрация: 27.06.2010
Сообщений: 2
По умолчанию Привязать скрипт к кнопкам.

Всем привет. Имею в две кнопки, сменяют одна другую. При первом нажатии звук вкл. при втором пауза.
Скрипт там правда привязан к другой кнопке, а надо привязать к имеющимся кнопкам. HTML такой
Код:
<head>
  <title></title>
  <meta charset="UTF-8">

 <style type="text/css">
   .ok{
       width: 60px;
       height: 60px;
       background-image: url(8.png);
       background-repeat: no-repeat;
       background-size:  contain;
       background-color: transparent;
       padding-botton: 0;
       border: 0 !important;
   }

 .ok:after{       
       color: #FFFFFF;

   }
   .ok.cat:after{       
       color:  #000000;

   }

    .ok.cat{
      background-image: url(5.png);
      background-color: #FFFFFF;
      background-color: transparent;
      padding-botton: 0;
      border: 0 !important;
   }
</style>

<body>

  <body style="visibility: hidden"
  onload="setTimeout 
  ('document.body.style.visibility = \'visible\'', 0)"> 
 
<button class="ok" onclick="this.classList.toggle('cat')"></button>

<input type="range" min="0" max="100" value="50" id="volume_range" oninput="document.getElementById('myaudio').volume = this.value/100" onchange="this.oninput()">
<audio id="myaudio" loop autoplay>
  <source src="Шторм.ogg" type="audio/ogg; codecs=vorbis" />
  <source src="Шторм.mp3" type="audio/mpeg">
</audio>

<script>

    document.getElementById("mybtn").onclick = function()
    {
      var myaudio = document.getElementById("myaudio");
      if(myaudio.paused == true)
      {
        document.getElementById("myaudio").play();
       
        //this здесь является самой кнопкой, так как функция является дочерней кнопке
      }
      else if (myaudio.paused == false)
      {
        document.getElementById("myaudio").pause();
        
      }
    }
</script>

</body>
</html>
Всем спасибо. Помогите чайнику.
Вложения
Тип файла: rar Звук.rar (2.40 Мб, 0 просмотров)
bsi1952 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Привязать дейтвие к кнопкам в Tkinter masha7777 Python 1 03.11.2019 00:27
как Привязать скрипт обработчик в контролу Dan_banan ASP.NET 13 19.10.2012 00:15
как привязать скрипт к опере Salikh JavaScript, Ajax 7 21.07.2012 15:52
Вопрос по кнопкам... Han_Nik Помощь студентам 4 19.05.2010 20:41
пара вопросов по кнопкам grey Помощь студентам 4 11.11.2007 19:09