Tema: funciones onMouseOver y onMouseOut
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 19/10/2011, 22:56
Avatar de Franz1628
Franz1628
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima - Perú
Mensajes: 145
Antigüedad: 17 años, 9 meses
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