[SOLUCIONADO] Boton ON/OFF

#1 (**permalink**) 25/06/2013, 14:08

Hola a Todos

He introducido musica en mi web, y he creado un boton para ON/OFF, la pregunta es como seria el SCRIPT para que ese boton cambie la imagen cuando este On la musica y cuando este OFF ponga otra.

Es decir un boton para poner y quitar la musica y cuando se le pulse para cambiar el estado cambie el icono.

Gracias a todos.

blancoarnau · #2 (**permalink**) 25/06/2013, 14:53

Código HTML:

Ver original<html>
<body>
<input type="button" onclick=on() value="ON" / >
<input type="button" onclick=off() value="OFF" / >
</body>
<script>
function on() {
...
}
function off() {
...
}
</script>
</html>

En resumen, que tienes que añadir Onclick a tus botones.

#3 (**permalink**) 25/06/2013, 14:58

No te entendi nada el codigo en javascript esta en blanco. Asi no soy experto en javascript por ese motivo estoy pidiendo que me ayuden con el codigo.

blancoarnau · #4 (**permalink**) 25/06/2013, 15:01

¿Los botones los tienes creados?

#5 (**permalink**) 25/06/2013, 15:08

¿Los botones los tienes creados?

Si los tengo, son imagenes tipo boton

<img src="images/on.png" alt="" id="On">

<img src="images/off.png" alt="" id="Off">

le agregue un identificador para la funcion en javascript pero todavia no encuentro dicho codigo

blancoarnau · #6 (**permalink**) 25/06/2013, 15:30

Te aconsejo que lo hagas con un solo botón para el play y el pause.

Código HTML:

Ver original<html>
<body>
<audio id="myAudio"
 <source src="musica.mp3"
         type='audio/mp3'>
</audio>
<img src="on/off.png" onclick="aud_play_pause()" />
<script>
function aud_play_pause() {
  var myAudio = document.getElementById("myAudio");
  if (myAudio.paused) {
    myAudio.play();
  } else {
    myAudio.pause();
  }
}
</script>
</html>

#7 (**permalink**) 26/06/2013, 06:05

Te aconsejo que lo hagas con un solo botón para el play y el pause.
Código HTML:
Ver original

<html>

<body>

<audio id="myAudio"

<source src="musica.mp3"

type='audio/mp3'>

</audio>

<img src="on/off.png" onclick="aud_play_pause()" />

<script>

function aud_play_pause() {

var myAudio = document.getElementById("myAudio");

if (myAudio.paused) {

myAudio.play();

} else {

myAudio.pause();

}

}

</script>

</html>
Pero yo quisiera de dos botones para qué se noté la diferencia cuando este On y cuando este Off la música ;(