problem with accessing getElementById using javascript

Question

I have this code and i don't know why it doesn't function

<html>
<head>
<title>Test</title>
<script type="text/javascript">
function StopBackgroundMusic()
{
var MusicObj = document.getElementById("BackgroundMusic");

MusicObj.data = "http://www.oreillynet.com/examples/oreilly/digitalmedia/2005/02/ableton_intro_0205_gtr.mp3";
MusicObj.autoplay = "false";
MusicObj.autostart = "false";


return MusicObj;
}
</script>
</head>
<body>


<OBJECT ID="BackgroundMusic" data="http://www.oreillynet.com/examples/oreilly/digitalmedia/2005/02/ableton_intro_0205_gtr.mp3" TYPE="audio/mpeg" height="0" width="0">
<PARAM NAME="autostart" VALUE="true">
<PARAM NAME="autoplay" VALUE="true">

</OBJECT>

<form> 


<input type='button' onclick='StopBackgroundMusic()' value='Stop music'/>

</form> 
</body>
</html>

It would help enormously if you would be more specific about the problem than to just say that this "doesn't function." — Pointy
– Pointy, Commented Feb 3, 2011 at 17:57
Why do you think that adding the autoplay and autostart properties to the OBJECT element should have any effect? — Šime Vidas
– Šime Vidas, Commented Feb 3, 2011 at 17:58
Why would switching the autostart or the autoplay to false stop the current playing of the music? — Phil
– Phil, Commented Feb 3, 2011 at 17:59

kayahr · Accepted Answer · 2011-02-03 18:09:29Z

3

Try setting data to null instead of setting the music URL again.

Another alternative is removing the object node when you press the stop button:

function StopBackgroundMusic()
{
    var MusicObj = document.getElementById("BackgroundMusic");
    MusicObj.parentNode.removeChild(MusicObj);
}

edited Feb 3, 2011 at 18:09

answered Feb 3, 2011 at 17:55

kayahr

22.3k30 gold badges105 silver badges149 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

kayahr Over a year ago

@joni: Then try removing the whole object. I never used the object tag for playing audio but I'm 95% sure there is no JavaScript interface to control the audio. Or it may depend on the plugin which plays the audio. If you want real control over the audio you might try the HTML 5 audio tag. But it doesn't work in IE.

joni Over a year ago

function StopBackgroundMusic() { var MusicObj = document.getElementById("BackgroundMusic"); MusicObj.parentNode.removeChild(MusicObj); } It works. Thanks

R K · Accepted Answer · 2011-02-03 17:53:17Z

0

does the element "BackgroundMusic" is encapsulated within a form element? if so try similar things like this one,

document.getElementById("[formID].BackgroundMusic");

if you use a form tag, give it an id,

<form id="music">

answered Feb 3, 2011 at 17:53

R K

1,3131 gold badge14 silver badges42 bronze badges

Collectives™ on Stack Overflow

problem with accessing getElementById using javascript

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related