Examples by Prof. Al Pure JavaScript At Work Here!

MSIE onMouseOver Sounds

Boinnngg Knock knock knock

Want to have a little fun, make a little noise with your HyperText Links! Place your mouse over the Boinnngg and Knock knock knock above and see what happens. This script only works in Microsoft Internet Explorer.

Highlight all the code in the textbox below and paste it into the head of your document.

Select All

<script language="JavaScript" type="text/javascript">
// Hide from old browsers
var aySound = new Array();
// Below: source for sound files to be preloaded
aySound[0] = "boing.wav";
aySound[1] = "knock.wav";
aySound[2] = "toot.wav";

// DO NOT edit below this line
document.write('<bgsound id="auIEContainer">')
IE = (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 1:0;
NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 1:0;
ver4 = IE||NS? 1:0;
onload=auPreload;

function auPreload() {
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<div id='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML("BeforeEnd",Str);
}
var Str = '';
for (i=0;i<aySound.length;i++)
Str += "<embed src='"+aySound[i]+"' autostart='false' hidden='true'>"
if (IE) auEmb.innerHTML = Str;
else {
auEmb.document.open();
auEmb.document.write(Str);
auEmb.document.close();
}
auCon = IE? document.all.auIEContainer:auEmb;
auCon.control = auCtrl;
}
function auCtrl(whSound,play) {
if (IE) this.src = play? aySound[whSound]:'';
else eval("this.document.embeds[whSound]." + (play? "play()":"stop()"))
}
function playSound(whSound) { if (window.auCon) auCon.control(whSound,true); }
function stopSound(whSound) { if (window.auCon) auCon.control(whSound,false); }
// End of JavaScript
</script>

In the body where you’ll have your hypertext links, you can add the following code to the a href tags. Here’s the example from this page below.

<a href="#" onMouseOver="playSound(0)" onMouseOut="stopSound(0)">Boinnngg</a>

<a href="#" onMouseOver="playSound(1)" onMouseOut="stopSound(1)" >Knock knock knock</a>

Return to the JavaScript menu page here.

Copyright © 2001-2011 Professor Al al.fichera@gmail.com
Page Last Updated on: June 8, 2011