I have written a small web application but am missing some cool functionality. I want to play a sound when the user clicks the link, but after playing the sound continues to navigate to the URL the link points to.
Any ideas?
I have written a small web application but am missing some cool functionality. I want to play a sound when the user clicks the link, but after playing the sound continues to navigate to the URL the link points to.
Any ideas?
While the pursuit of coolness is a worthy ideal, I would strongly recommend against playing a sound when a user clicks a link (or at any time!). As both a user and a web developer this would startle me right to the back button. Only several minutes later would I be witty enough to think that I just time traveled to the mid 1990's
EDIT
unless you're going for something retro, like this: (which i highly suspect you aren't)
http://www2.warnerbros.com/spacejam/movie/jam.htm
EDIT II
Hmm... well I guess a being a game changes things a little. I would recommend binding the click event with jquery to append a sound file to the dom, something like this:
$('a').click(function(){
$('body').append('<embed src="/path/to/your/sound.wav" autostart="true" hidden="true" loop="false">');
pause(1000); //Number of milliseconds to pause
window.location = http://www.asdf.com //new url to go to
});
function pause(milliseconds) {
var dt = new Date();
while ((new Date()) - dt <= milliseconds) { /* Do nothing */ }
}