Foros del Web » Programando para Internet » Javascript »

funciones onMouseOver y onMouseOut

 Estas en el tema de funciones onMouseOver y onMouseOut en el foro de Javascript en Foros del Web. Lo que quiero hacer es que cuando el mouse este fuera de la forma se actualize, pero mientras este encima no se actualize. @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); ...
  #1 (permalink)  
Antiguo 19/10/2011, 22:27
Avatar de FJGM11  
Fecha de Ingreso: octubre-2011
Ubicación: Villa de Alvarez, Colima, Mexico
Mensajes: 6
Antigüedad: 12 años, 6 meses
Puntos: 0
Pregunta funciones onMouseOver y onMouseOut
Lo que quiero hacer es que cuando el mouse este fuera de la forma se actualize, pero mientras este encima no se actualize.

Código Javascript: 
Ver original
  1. <html>
  2. <head>
  3.  
  4. <script language="JavaScript">
  5.  
  6. function over()
  7.     {
  8.         
  9.         momentoActual = new Date()
  10.         hora = momentoActual.getHours()
  11.         minuto = momentoActual.getMinutes()
  12.         segundo = momentoActual.getSeconds()
  13.         if (hora < 10)
  14.         {
  15.             hora = '0'+hora;
  16.         }
  17.         if (minuto < 10)
  18.         {
  19.             minuto = '0'+minuto;
  20.         }
  21.         if (segundo < 10)
  22.         {
  23.             segundo = '0'+segundo;
  24.         }
  25.         horaImprimible = hora + " : " + minuto + " : " + segundo
  26.         document.form_reloj.reloj.value = horaImprimible
  27.     }
  28.  
  29. function out()
  30.     {
  31.         momentoActual = new Date()
  32.         hora = momentoActual.getHours()
  33.         minuto = momentoActual.getMinutes()
  34.         segundo = momentoActual.getSeconds()
  35.         if (hora < 10)
  36.         {
  37.             hora = '0'+hora;
  38.         }
  39.         if (minuto < 10)
  40.         {
  41.             minuto = '0'+minuto;
  42.         }
  43.         if (segundo < 10)
  44.         {
  45.             segundo = '0'+segundo;
  46.         }
  47.         horaImprimible = hora + " : " + minuto + " : " + segundo
  48.         document.form_reloj.reloj.value = horaImprimible
  49.         setTimeout("out()",1000)
  50.     }
  51.     
  52. </script>
  53.  
  54. </head>
  55.  
  56. <body>
  57.  
  58. <form name="form_reloj">
  59.     <input type="text" name="reloj" size="10" onMouseOver="over()" onMouseOut="out(">
  60. </form>
  61.  
  62. </body>
  63. </html>
  #2 (permalink)  
Antiguo 19/10/2011, 22:56
Avatar de Franz1628  
Fecha de Ingreso: marzo-2007
Ubicación: Lima - Perú
Mensajes: 145
Antigüedad: 17 años, 1 mes
Puntos: 26
Respuesta: funciones onMouseOver y onMouseOut
en el atributo onmouseout falta un parentesis de cierre osea debe ser onMouseOut="out()

y tambien agrega clearTimeout() en la funcion over() para detener el settimeout del out()


Código HTML: 
Ver original
  1. <html>
  2. <head>
  3.  
  4. <script language="JavaScript">
  5.  
  6. function over()
  7.     {
  8.         clearTimeout(time)
  9.         momentoActual = new Date()
  10.         hora = momentoActual.getHours()
  11.         minuto = momentoActual.getMinutes()
  12.         segundo = momentoActual.getSeconds()
  13.         if (hora < 10)
  14.         {
  15.             hora = '0'+hora;
  16.         }
  17.         if (minuto < 10)
  18.         {
  19.             minuto = '0'+minuto;
  20.         }
  21.         if (segundo < 10)
  22.         {
  23.             segundo = '0'+segundo;
  24.         }
  25.         horaImprimible = hora + " : " + minuto + " : " + segundo
  26.         document.form_reloj.reloj.value = horaImprimible
  27.         
  28.     }
  29.  
  30. function out()
  31.     {
  32.         momentoActual = new Date()
  33.         hora = momentoActual.getHours()
  34.         minuto = momentoActual.getMinutes()
  35.         segundo = momentoActual.getSeconds()
  36.         if (hora < 10)
  37.         {
  38.             hora = '0'+hora;
  39.         }
  40.         if (minuto < 10)
  41.         {
  42.             minuto = '0'+minuto;
  43.         }
  44.         if (segundo < 10)
  45.         {
  46.             segundo = '0'+segundo;
  47.         }
  48.         horaImprimible = hora + " : " + minuto + " : " + segundo
  49.         document.form_reloj.reloj.value = horaImprimible
  50.         time = setTimeout("out()",1000)
  51.     }
  52.     
  53. </script>
  54.  
  55. </head>
  56.  
  57. <body>
  58.  
  59. <form name="form_reloj">
  60.     <input type="text" name="reloj" size="10" onMouseOver="over()" onMouseOut="out()">
  61. </form>
  62.  
  63. </body>
  64. </html>

puedes poner un condicional en la funcion over() si esta vacio el campo de texto usar el cleartimeout para que no salga el error en la consola

Saludos
__________________
En mi Blog puedes ver articulos javascript y más...
@Franz1628
  #3 (permalink)  
Antiguo 20/10/2011, 11:44
Avatar de FJGM11  
Fecha de Ingreso: octubre-2011
Ubicación: Villa de Alvarez, Colima, Mexico
Mensajes: 6
Antigüedad: 12 años, 6 meses
Puntos: 0
Respuesta: funciones onMouseOver y onMouseOut
Algo asi, no?:
Código Javascript: 
Ver original
  1. function over()
  2.     {
  3.         if (document.form_reloj.value = "")
  4.         {
  5.             clearTimeout(time)
  6.         }
  7.         else
  8.         {
  9.         momentoActual = new Date()
  10.         hora = momentoActual.getHours()
  11.         minuto = momentoActual.getMinutes()
  12.         segundo = momentoActual.getSeconds()
  13.         if (hora < 10)
  14.         {
  15.             hora = '0'+hora;
  16.         }
  17.         if (minuto < 10)
  18.         {
  19.             minuto = '0'+minuto;
  20.         }
  21.         if (segundo < 10)
  22.         {
  23.             segundo = '0'+segundo;
  24.         }
  25.         horaImprimible = hora + " : " + minuto + " : " + segundo
  26.         document.form_reloj.reloj.value = horaImprimible
  27.         }   
  28.     }

Solo empieza asta que le paso una vez por encima el mouse
  #4 (permalink)  
Antiguo 20/10/2011, 12:08
Avatar de Franz1628  
Fecha de Ingreso: marzo-2007
Ubicación: Lima - Perú
Mensajes: 145
Antigüedad: 17 años, 1 mes
Puntos: 26
Respuesta: funciones onMouseOver y onMouseOut
algo así

Código Javascript: 
Ver original
  1. function over()
  2.     {
  3.         if (document.form_reloj.reloj.value != "")
  4.             clearTimeout(time);
  5.             
  6.         momentoActual = new Date()
  7.         hora = momentoActual.getHours()
  8.         minuto = momentoActual.getMinutes()
  9.         segundo = momentoActual.getSeconds()
  10.         if (hora < 10)
  11.         {
  12.             hora = '0'+hora;
  13.         }
  14.         if (minuto < 10)
  15.         {
  16.             minuto = '0'+minuto;
  17.         }
  18.         if (segundo < 10)
  19.         {
  20.             segundo = '0'+segundo;
  21.         }
  22.         horaImprimible = hora + " : " + minuto + " : " + segundo
  23.         document.form_reloj.reloj.value = horaImprimible
  24.         
  25.     }
__________________
En mi Blog puedes ver articulos javascript y más...
@Franz1628

Etiquetas: funciones, onmouseout, onmouseover
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 04:30.