Beep on link click

barbablu, hi there.

HTML:

<audio id="clickaudio">
	<source src="https://www.zapsplat.com/wp-content/uploads/2015/sound-effects-55112/zapsplat_multimedia_cell_phone_smart_screen_button_press_click_feedback_003_60932.mp3" type="audio/mpeg">
</audio>

<a href="#" id="clicksound">Click me!</a>

JavaScript:

document.getElementById("clicksound").addEventListener("click", function () {
	document.getElementById("clickaudio").play();
});

This is just a basic example of how you can accomplish such task. Live demo.

barbablu, on (on?) all articles? Not sure I understand what do you mean.

So when you click a category and then inside the category you choose/click an article, then you have to hear a beep.

So it’s a link in the categories list? Maybe you can show the website with a block where you want this sound effect?

barbablu,

Is it ok now?

Loud and clear 🙂 But here is the thing: I can’t write the solution for your task since I don’t know the HTML structure of your client’s website.

As a sample, check out this demo (you can change the code from .container > a.clicksound to .container > a if you don’t want to use an additional class clicksound for title anchors inside the category section).

barbablu,

Is that info enough as HTML structure?

If you can point me to exact page on dev’s official demo website here: https://demo-hueman.presscustomizr.com/

You are one step from the working code, you just need to decide on the category container name.

I have no chance to solve this problem by a free plugin or css?

CSS? Nope, for sure. Plugin? Never saw something like this and for free, only this one (premium, $14).

barbablu, OK, no problems! You’re welcome 🙂