Hiding Links?

help me hide these links...

[DiscipleofSteel]

Started learning html on my own recently and in adding a onMouseOver, onMouseOut sound script that I found on the net to add sounds to my image-map, i ended up with small boxes in the left hand corner of my screen. The script was originally intended to add sound to hyperlinks, and i believe the 'boxes' are bi-products of each sound i added. For each aySound i added, another box appeared. Please help me out with a command to insert in javascript or html to hide these boxes while still allowing my sound to play onMouseover.

<Sorry, no personal URLs. See TOS [webmasterworld.com]>

Here is the Script:

<script LANGUAGE="JavaScript"><!--
// Preload and play audio files with event handler (MouseOver sound)

var aySound = new Array();
// Below: source for sound files to be preloaded
//THESE ARE THE SOUND FILES DEFINED FOR MY PAGE
aySound[0] = "kaboom.wav";
aySound= "heehee.wav";
aySound[2] = "ric1.wav";
aySound[3] = "ric2.wav";
aySound[4] = "ric3.wav";
aySound[5] = "ric4.wav";
aySound[6] = "ric5.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); }
//-->
</script>

Here is an example from my image-map that produces the third sound listed:

<area shape="rect"
coords="367,51,394,62"
alt="About Me"
href="me.html"
onMouseOver="playSound(2)" onMouseOut="stopSound(2)">

Thanks for all of your help - cody

[1][edited by: tedster at 6:27 am (utc) on April 7, 2004]

[Purple Martin]

Hi, welcome to Webmaster World!

Try changing this line:

Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";

to this:

Str = "<DIV ID='auEmb' STYLE='position:absolute; display:none;'></DIV>";

[DiscipleofSteel]

It worked perfectly... sorry about posting my url here earlier, i hadnt really taken the time to read the agreement because i was frantic about fixing that problem. Thank you so much for your help Martin! - cody