Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/09/2012, 01:40
Avatar de patilanz
patilanz
 
Fecha de Ingreso: enero-2012
Mensajes: 880
Antigüedad: 10 años, 7 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 :)