Background Music Player On/Off

Status
Niet open voor verdere reacties.
L

LazyGamer

Gebruiker
Lid geworden
6 aug 2008
Berichten
5
Beste lezer,

Ik wil op mijn website achtergrondmuziek laten spelen. Dit lukt, maar ik wil dat de gebruiker via een dropdownmenutje (of iets anders) kan kiezen om deze muziek uit of aan te zetten.

De code die ik heb is:
Code: 
<script>
music="Test.mp3"
function mus1()
{
if (onoff.options.selectedIndex==0){
mus.innerHTML="<embed src="+music+" loop=infinite>"
}
if (onoff.options.selectedIndex==1){
mus.innerHTML=""
}
}
document.write("<span id='mus'><embed src="+music+" width=0 height=0 loop=infinite></span>")
</script>
<select name="onoff" onchange=mus1()>
<option>Muziek Aan</option>
<option>Muziek Uit</option>
</select>

Deze code blijkt enkel te werken in Internet Explorer en Opera.
Ik wil natuurlijk dat het ook werkt in FireFox, Chrome en Safari.

Kan iemand me een code geven die wel werkt in elke browser?

Alvast bedankt,
Groeten,
Pietdeco
 
Error: onoff is not defined
Source File: test.html
Line: 5
Klik om te vergroten...
-->
Code: 
if (onoff.options.selectedIndex==0){
Klik om te vergroten...
probeer zoiets:
HTML: 
<select name="onoff" id='onoff' onchange=mus1()>
   <option>Muziek Aan</option>
   <option>Muziek Uit</option>
</select>

<script type='text/javascript'>
   var music="Test.mp3";
   var onoff = document.getElementById('onoff');

   function mus1()
   {
      if (onoff.options.selectedIndex==0)
      {
         mus.innerHTML="<embed src=" + music + " loop=infinite>";
      }else if(onoff.options.selectedIndex==1)
      {
         mus.innerHTML= '';
      }
   }

   document.write("<span id='mus'><embed src=" + music + " width=0 height=0 loop=infinite></span>");
</script>
hints: variabele met referentie naar ID van select, deze ook daadwerkelijk gebruiken. Achter elke regel een puntcomma ( ; ). Gebruik indents om duidelijk je code te structureren.

Niet getest, maar zou moeten werken.
 
Laatst bewerkt:
Bedankt om me te helpen Vergas!
Dit is de code die ik nu heb:

HTML: 
<select name="onoff" id="onoff" onchange=mus1()>
   <option>Muziek Aan</option>
   <option>Muziek Uit</option>
</select>
<script type='text/javascript'>
   var music="Test.mp3";
   var onoff = document.getElementById("onoff");
   function mus1()
   {
      if (onoff.options.selectedIndex==0)
      {
         mus.innerHTML="<embed src=" + music + " width=0 height=0 loop=infinite>";
      }
	  else if(onoff.options.selectedIndex==1)
      {
         mus.innerHTML="";
      }
   }
   document.write("<span id='mus'><embed src=" + music + " width=0 height=0 loop=infinite><\/span>");
</script>

Dit werkt in: Chrome, IE, Safari, Opera
Jammergenoeg werkt het NIET in Firefox.

Ik vind het echt raar dat het in elke browser behalve firefox werkt.
 
Laatst bewerkt:
ah:
Warning: Element referenced by ID/NAME in the global scope. Use W3C standard document.getElementById() instead.
Source File: test.html
Line: 12
Klik om te vergroten...
-->[JS] mus.innerHTML="<embed src=" + music + " width=0 height=0 loop=infinite>";[/JS]daarnaast: je document.write() werkt niet goed, je </span> heeft een slash teveel. Probeer zoiets eens?
HTML: 
<html><body><select name="onoff" id="onoff" onchange=mus1()>
   <option>Muziek Aan</option>
   <option>Muziek Uit</option>
</select>
<span id='mus'>
   <embed src="Test.mp3" width=0 height=0 loop=infinite />
</span>
<script type='text/javascript'>

   var music="Test.mp3";
   var onoff = document.getElementById("onoff");
   var mus  = document.getElementById("mus");

   function mus1()
   {
      if (onoff.options.selectedIndex==0)
      {
         mus.innerHTML="<embed src=" + music + " width=0 height=0 loop=infinite>";
      }
      else if(onoff.options.selectedIndex==1)
      {
         mus.innerHTML="";
      }
   }

</script></body></html>
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan