Главная / Каталог скриптов для uCoz / Разное, Бесплатно

Проигрывание звука при нажатии на кнопку - ссылку

Добавлено 09-01-2018 в 13:25

Категория Разное, Бесплатно
Авторwaak
Просмотры2093
Комментарии2
Понравилось10

Проигрывание звука при нажатии на кнопку - ссылку

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

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

Для работы данного решение не нужно не каких посторонних плагинов и больших скриптов
Редактирование и добавление кнопок на сайт очень просто и не потребует больших знай в программирование

Установка

Просто скопируйте код кнопки ниже и вставьте его в нужное место

Код

<a href="#" onclick="new Audio('ТУТ ССЫЛКА НА АУДИО ФАЙЛ').play();">НАЗВАНИЕ ССЫЛКИ</a>

Как можно видеть в коде выше нам по сути нужна только вот эта часть

Код

onclick="new Audio('ТУТ ССЫЛКА НА АУДИО ФАЙЛ').play();"

она и отвечает за проигрывание мелодии

Для того что бы сделать запрет на переход по ссылки если вдруг вы используете этот пример для всплывающих окошек или ещё чего-то вам просто нужно добавить к функции onclick вот эту строчку return false; что бы получилось вот так

Код

onclick="new Audio('ТУТ ССЫЛКА НА АУДИО ФАЙЛ').play(); return false;"

Полная версия ссылки без перехода на другую страницу

Код

<a href="#" onclick="new Audio('http://talantlev.ucoz.ru/uvok.mp3').play(); return false;">ССЫЛКА</a>

Демо ССЫЛКА

Полная версия ссылки c перехода на другую страницу

Код

<a href="http://talantlev.ucoz.ru/" onclick="new Audio('http://talantlev.ucoz.ru/uvok.mp3').play();">ССЫЛКА</a>

Демо http://talantlev.ucoz.ru

Для изменения звукового сигнала нам нужно просто поменять ссылку http://talantlev.ucoz.ru/uvoF.mp3 на вашу ссылку на аудио файл

Думаю что всё очень просто и понятно но если есть вопросы пишите их в комментариях

Оставить комментарий

Добавлять комментарии могут только зарегистрированные пользователи.

Регистрация Вход

Создать сайт
Бесплатно

Меню

Полезно

Комментарии

waak

К сожалению, у меня нет сайта, на котором был бы активен данный модуль, чтобы посмотреть, работает он там или нет.

04-03-2024 в 08:01 материал

Fr Frag

Для модуля новости не работает

03-03-2024 в 05:55 материал

web_master

при добавлении комментарии выдает ошибку в консоли:

POST http:сайт/index/ 404 (Not Found)

29-02-2024 в 16:58 материал

web_master

UPD: так будет работать , + в конце будут показывать и проценты...

Код

<?($OTHER2$-$OTHER1$)/$OTHER2$*100 ?>

А так будет без процентов:

Код

<?int(($OTHER2$-$OTHER1$)/$OTHER2$*100)?>

25-02-2024 в 23:06 материал

web_master

Скрипт не работает почему-то

25-02-2024 в 22:09 материал

waak

Не за что! Я бы делал больше но просьб мало а самому сидеть придумывать не всегда есть время по этому и обновления идут редко

07-02-2024 в 18:26 материал

ed edik2009

Спасибо.Поставил все работает. К сожалению эпоха сайтостроения Юкоз прошла. Ваш сайт один из немногих который, хоть что то обновляет материалы для в этой системы (Скрипты, Шаблоны, Графика и т.д)

07-02-2024 в 08:08 материал

waak

Здравствуйте! вы наверное не совсем понимаете смысл данного раздела, Что бы я мог выполнить вашу просьбу я должен понимать что именно вам нужно а в вашей просьбе нет конкретики и по этому выполнить её не получится

27-01-2024 в 15:12 материал

di dinyslamsinger

От души