Comunidad de diseño web y desarrollo en internet online

Mostrar objeto y ejecutar audio con javascript

Citar            
MensajeEscrito el 18 Feb 2013 11:30 pm
Buen día a todos.

Se qeu mi pregunta será un poco abierta pero soy un ignorante total en esto de javascript.

Quisiera que al hacer click sobre un elemento apareciera otro qeu se encuentra oculto y ademas sonara un audio determinado. He probado con onclick="document.getElementById('#') y efectivamente logro qeu aparezca el obejeto que quiero, pero no tengo idea de como ahcer con el audio.

¿Alguien puede ayudarme a solucionar mi encrucijada? :oops: Muchas gracias.

Por kiko_fredy

78 de clabLevel



Genero:Masculino  

Bogotá

opera
Citar            
MensajeEscrito el 19 Feb 2013 02:56 pm
Pues del tag <audio> en cuestión, ejecuta su método play(). Eso es todo.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 20 Feb 2013 03:33 am
Es decir.. quiero que los dos eventos ocurran al hacer click sobre un objeto. Que suene un audio X y que aparezca un objeto que se encuentre oculto. Supongo que ambas cosas las debo hacer con javascript, pero no tengo idea de como hacerlo.
Use onclick="document.getElementById('#') y logro que aparezca un div que estaba oculto, pero no se como combinar eso junto con la ejecución del audio. Seguramente es muy fácil y simple de hacer, pero al no tener ni idea de este lenguaje, todo me resulta complicad¡ísimo.

Gracias por tu respuesta y ojalá me puedas dar un poco mas de guia :oops:

Por kiko_fredy

78 de clabLevel



Genero:Masculino  

Bogotá

opera
Citar            
MensajeEscrito el 26 Feb 2013 02:53 pm
¿Será que debo aclarar algo m{as con respecto a mi pregunta?
No he logrado dar con la manera... pero estoy seguro de que eso es posible.

Por kiko_fredy

78 de clabLevel



Genero:Masculino  

Bogotá

firefox
Citar            
MensajeEscrito el 26 Feb 2013 04:22 pm
Es que no estoy seguro que entiendo bien tu pregunta. Porque a simple vista la solución me parece bastante obvia y eso me hace dudar.

Como sea, según lo entiendo yo, la solución sería:

Código HTML :

<script type="javascript">
function MostrarYEjecutar() {
document.getElementById('#divparamostrar').style.display = "block";
document.getElementById('#audio').play();
  return false;
}
</script>
...
<a href="" onClick="return MostrarYEjecutar();">Mostrar y ejecutar audio.</a>

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 02 Mar 2013 09:22 pm
Perfecto... muchísimas gracias por tu ayuda. Como dije antes, el no saber nada de JS es mi problema, así que efectivamente era algo muy simple, pero bien dicen que el que no sabe es como el que no ve :oops:

Gracias de nuevo.

Por kiko_fredy

78 de clabLevel



Genero:Masculino  

Bogotá

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.