Foros del Web » Programando para Internet » Javascript »

Corregir bug en una div

Estas en el tema de Corregir bug en una div en el foro de Javascript en Foros del Web. Hola he creado dos funciones para cambiar 2 estilos en una div que contiene algunos campos de texto.Las funciones se disparan al onmouseover y onmouseout ...
  #1 (permalink)  
Antiguo 10/09/2012, 01:40
Avatar de patilanz  
Fecha de Ingreso: enero-2012
Mensajes: 880
Antigüedad: 12 años, 3 meses
Puntos: 29
Corregir bug en una div

Hola he creado dos funciones para cambiar 2 estilos en una div que contiene algunos campos de texto.Las funciones se disparan al onmouseover y onmouseout pero el problema esta que cuando se va a los campos tambien se disparan o por lo menos se produce cambio...
El codigo javascript es este:
Código Javascript:
Ver original
  1. function m_infor(){
  2.     var b=20;
  3.     clearInterval(window.a);
  4.     window.r=setInterval(function(){
  5.        
  6.         if(b!=10){
  7.             document.getElementById('infor').style.borderRadius=b+'px';
  8.             b--;
  9.            
  10.            
  11.         }else{
  12.             clearInterval(r);
  13.         }
  14.     },20);}
  15. function mo_infor(){
  16.     clearInterval(window.r);
  17.     var b=10;
  18.         window.a=setInterval(function(){
  19.         if(b!=20){
  20.             document.getElementById('infor').style.borderRadius=b+'px';
  21.             b++;
  22.            
  23.         }else{
  24.             clearInterval(window.a);
  25.         }
  26.     },20); 
  27.    
  28. }

La div:

Código HTML:
Ver original
  1. <div id="infor" align="center" onmouseover="m_infor();" onmouseout="mo_infor();">
  2.   <p style="font-size:20px; font-weight:bold; text-decoration:underline; color:#F00;">Introdusca sus datos</p>
  3.   <p align="left">Titulo:
  4.     <label for="title"></label>
  5.     <input type="text" name="title" id="title" />
  6. </p>
  7.   <p align="left">Texto pequeno:
  8.     <label for="t_p"></label>
  9.   <textarea name="t_p" rows="4" id="t_p"></textarea>
  10.   </p>
  11.   <p align="left">Texto con imagen:
  12.     <textarea name="t_g" rows="4" id="t_g"></textarea>
  13.   </p>
  14. </div>

Tambien me pasa con opacity y otros

Como se soluciona gracias :)
  #2 (permalink)  
Antiguo 10/09/2012, 03:14
 
Fecha de Ingreso: diciembre-2011
Mensajes: 35
Antigüedad: 12 años, 4 meses
Puntos: 2
Respuesta: Corregir bug en una div

Hola.

Puede ser que en la segunda función te falte una llave? Veo el error porque no has indentado las sentencias que van dentro de la función setInterval
  #3 (permalink)  
Antiguo 10/09/2012, 04:26
Avatar de patilanz  
Fecha de Ingreso: enero-2012
Mensajes: 880
Antigüedad: 12 años, 3 meses
Puntos: 29
Respuesta: Corregir bug en una div

Cita:
Iniciado por jalde Ver Mensaje
Hola.

Puede ser que en la segunda función te falte una llave? Veo el error porque no has indentado las sentencias que van dentro de la función setInterval
Gracias por tu respuesta pero no me falta llave porque uso dreamweaver y si me faltaba me lo hubiera dicho.

Etiquetas: bug, corregir, funcion, input
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




La zona horaria es GMT -6. Ahora son las 14:38.