Foros del Web » Programando para Internet » Javascript »

Como colocar 2 eventos en un textfield

Estas en el tema de Como colocar 2 eventos en un textfield en el foro de Javascript en Foros del Web. Como hago para insertar 2 evento a un textfield, lo que quiero hacer es que cuando pase x encima del textfield se pinte de un ...
  #1 (permalink)  
Antiguo 26/03/2010, 00:50
 
Fecha de Ingreso: enero-2010
Mensajes: 127
Antigüedad: 14 años, 11 meses
Puntos: 2
Como colocar 2 eventos en un textfield

Como hago para insertar 2 evento a un textfield, lo que quiero hacer es que cuando pase x encima del textfield se pinte de un color ya lo se hacer con un onmouseover y cuando haga un onblur o un focus eese color se quede tambien se hacer eso y que una vez que salga cambie a blanco, el problema no es ese sino que no c como colocar a trabajar ambos eventos al mismo tiempo onblur y onmouseover muchas gracias.
  #2 (permalink)  
Antiguo 26/03/2010, 01:06
Avatar de salbatore  
Fecha de Ingreso: abril-2007
Ubicación: Springfield
Mensajes: 1.567
Antigüedad: 17 años, 8 meses
Puntos: 19
Respuesta: Como colocar 2 eventos en un textfield

Hola jgames88,

Espero que te sirva, el codigo que te he hecho permite colorear practicamente todo. Solo debes añadirla a cada evento de tu elemento. Ten en cuenta que la funcion necesita saber que objeto desea colorear, para ello le enviamos la variable "elemento", la cual puede ser:

Código PHP:
this.id si el objeto tiene id.
thissi el objeto no tiene id.
un idel id que mejor te venga puede ser el mismo u otro
Código PHP:
<script>
    function 
pintar(zona,color,elemento)
        {
            
//seleccionamos el elemento:
                
if(document.getElementById(elemento))
                    {
                        
//alert('this.id');
                        
elemento_seleccionado=document.getElementById(elemento);
                    }
                else
                    {
                        
//alert('this');
                        
elemento_seleccionado=elemento;
                    }
            
//pintamos
                
if(zona=='borde')
                    {
                        
elemento_seleccionado.style.borderColorcolor;
                        
//alert('borde pintado de color '+color);
                    
}
                if(
zona=='fondo')
                    {
                        
elemento_seleccionado.style.backgroundcolor;
                        
//alert('fondo pintado de color '+color);
                    
}
                if(
zona=='letras')
                    {
                        
elemento_seleccionado.style.colorcolor;
                        
//alert('fondo pintado de color '+color);
                    
}
        }
</script>
<textarea id="mi_textarea" onfocus="pintar('borde','red',this);pintar('fondo','red','mi_textarea')">
    Es sencillo. Solo tienes que añadir la funcion: pintar('lugar que deseas pintar','el color','el elemento'). En cada evento.
</textarea> 
Para comprobar como funciona puede quitar los "//" a los alert's.

Espero que te sirva!... creo que es lo que buscas.

En caso de que desees implementar mas de una accion a un evento, solo necesitas colocar la funcion con un ';'. Como en el ejemplo que te he enviado en el cual se pinta el borde y el fondo de rojo en el mismo evento

Etiquetas: eventos, textfield
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 02:08.