Ejecutar funcion despues de 2 segundos [OnMouseOver]

kuriel · #1 (**permalink**) 28/09/2009, 14:23

Hola, tengo un proyecto de mi escuela

, y la funcion que tengo que hacer es la siguiente:

Que al dejar el puntero encima de un elemento, por decir, una tabla, que despues de 2 segundos de que el puntero se quede en el elemento, que se reproduzca un sonido mp3, y que si se quita el puntero antes de los 2 segundos, que no pase nada, un saludo y gracias por su atencion.

Ha! y si son tan amables, que la funcion se agregue en el elemento asi:

OnMouseOver="sonar(archivo.mp3)"

para que pueda elegir varios archivos mp3 de cada tabla diferente, gracias...

Adler · #2 (**permalink**) 28/09/2009, 14:46

Hola

Necesitas usar temporizadores.
Con onmouseover -----> settimeout
Con onmouseout ------> cleantimeout

Suerte

kuriel · #3 (**permalink**) 28/09/2009, 14:53

Bueno, me faltó poner que no se casi nada de JavaScript :S

zerokilled · #4 (**permalink**) 28/09/2009, 15:45

¡vamos, que deberias intentar algo por ti mismo(a), despues de todo es para ti! Adler ya te dio una pista de las funciones y eventos que necesitas. basicamente es guardar en una variable la referencia devuelta por setTimeout y en este vas a llamar la funcion de reproducir sonido. con clearTimeout detienes el retardo pasando la referencia guardada en la variable. para reproducir sonidos, hechale un vistazo a la FAQ y a varios temas recientes, sonidos en javascript, sonido en los enlaces, musica en la web

kuriel · #5 (**permalink**) 28/09/2009, 16:07

Cita:

Iniciado por zerokilled

¡vamos, que deberias intentar algo por ti mismo(a), despues de todo es para ti! Adler ya te dio una pista de las funciones y eventos que necesitas. basicamente es guardar en una variable la referencia devuelta por setTimeout y en este vas a llamar la funcion de reproducir sonido. con clearTimeout detienes el retardo pasando la referencia guardada en la variable. para reproducir sonidos, hechale un vistazo a la FAQ y a varios temas recientes, sonidos en javascript, sonido en los enlaces, musica en la web

También me faltó poner que el que no quiera responder o ayudar, que ni siquiera visite este foro, puesto que se encontrará que muchos de aqui no sabemos y que para eso estamos, por que no se nace sabiendo...

De verdad amigos, si les molesta responder, que demonios hacen leyendo foro tras foro?

zerokilled · #6 (**permalink**) 28/09/2009, 16:20

¿sabes lo que es un pseudocodigo? por si las dudas, wikipedia.

Código:

evento_raton_sobre := "
variable ref := temporizador(funcion_sonido(ruta), lapso_tiempo)
"

evento_raton_salir := "
borrar_temporizador(variable ref);
"

funcion sonido(ruta){
// aqui va las instrucciones que quieras implementar segun
// la alternativa de los enlaces anterior
...
}

por cierto, tu comentario no te ayudara, pero bueno, cada cual con lo que quiera... suerte.

kuriel · #7 (**permalink**) 28/09/2009, 16:34

Como sea, pongo el codigo para los que buscaban algo similar:

Cita:

ENTRE ETIQUETAS <HEAD> Y </HEAD>
<script language="JavaScript1.4" type="text/javascript">

</script>

ENTRE ETIQUETAS <BODY> Y </BODY>

<a onMouseOut="jsStop('nav1sound')" onMouseOver="tesperas(2);jsPlay('nav1sound')" href="#">PON EL PUNTERO AQUI PARA ESCUCHAR EL SONIDO, DE IGUAL MANERA, QUITALO PARA CALLAR EL SONIDO</a>
<embed name="nav1sound" src="URL/DE/TU/SONIDO.MP3" TYPE="application/x-mplayer2" autostart="false" mastersound hidden="true" volume=100 width=0 height=0>
</embed>

Lo de rosa es la funcion que hace que la siguiente funcion se retrase, "tesperas(AQUI NUMEROS PARA SEGUNDOS);", fin y gracias a mi solito XD

zerokilled · #8 (**permalink**) 28/09/2009, 17:15

practicamente lo tienes, es cuestion de llamar la funcion jsPlay con setTimout en el evento onmouseover. en el evento onmouseout tienes que llamar clearTimeout para detener el tiempo si el raton sale antes de la reproduccion, seguido llamas la funcion jsStop. si miras el pseudocodigo, obtendras la respuesta.

kuriel · #9 (**permalink**) 28/09/2009, 17:40

hmmm... de hecho ya esta bien, con el retrazo que tiene....

caricatos · #10 (**permalink**) 29/09/2009, 01:48

Cita:

Iniciado por kuriel

hmmm... de hecho ya esta bien, con el retrazo que tiene....

Hola:

No quise participar antes porque había buenas respuestas de dos de los mejores colaboradores de este foro

Creo que tanto Adler como zerokilled

te han orientado muy bien... al menos yo soy de la idea de no dar código "personalizado", sino orientar para que quien plantea el problema lo pueda resolver (es mi opinión)...

Ahora, mi participación es para seguir orientándote. ¡Verás!, tu solución puede funcionar, pero lleva un gasto de recursos innecesario. Sin dudas, la mejor solución te la han dado desde el principio: usar un temporizador, y lo más dificil ya lo tienes... ahora, tengo mis serias dudas de la efectividad de ese temporizador, ya que la respuestas de los medios no suelen ser inmediatas... Has probado la respuesta en algún servidor (no me refiero a localhost)

Saludos

Edito: Por cierto, había empezado un artículo sobre temporizadores que pienso que podría ayudarte.

kuriel · #11 (**permalink**) 29/09/2009, 15:21

El codigo lo saqué de "webpage maker", queria que me ayudaran, no que me dieran el codigo hecho, pero decir que necesito "setTimeout" o "clearTimeout" fue para nada...