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

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

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

Категория Разное, Бесплатно
Авторwaak
Просмотры2231
Комментарии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 на вашу ссылку на аудио файл

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

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

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

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

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

Меню

Полезно

Комментарии

pa patali2k

Спасибо большое!

06-06-2025 в 05:58 материал

waak

на все страницы вывести можно скриптом через запрос на персональную страницу пользователя а на странице со списком закладок я вывел так

Код

У вас $NUM_ENTRIES$ заклад<?if($NUM_ENTRIES$%10=0||$NUM_ENTRIES$%10>4||$NUM_ENTRIES$%100>10&&$NUM_ENTRIES$%100<15)?>ок<?else?><?if($NUM_ENTRIES$%10=1)?>ка<?else?>ки<?endif?><?endif?>

05-06-2025 в 22:07 материал

pa patali2k

Добрый день! Waak подскажи как вы сделали У вас N закладок, у меня выходит 1-5 например, так если можете подскажите как вывести кол.во закладок пользователя например в мини профиль, чтоб кол.во закладок показывало на любой странице

04-06-2025 в 16:51 материал

pa patali2k

Добрый день!
Сегодня снова попробовал установить скрипт и он снова не заработал, все перерыл, изменял, убирал и никак не заводился.
Решение: В общих настройках сайта нужно переключить Версия библиотеки jQuery: на jquery-1.12.4.min.js
В общем теперь просьба, не могли бы переписать скрипт закладок под jquery-3.6.0.min.js