Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: octavioxd en 14 Noviembre 2010, 10:15 am



Título: Pequeño problema con jQuery
Publicado por: octavioxd en 14 Noviembre 2010, 10:15 am
Hola a todos tengo el siguiente problema y voya a tratar de ser lo mas simple y humilde posible.

tengo un formulario que adentro posee 3 campos input (un text,button,check)
y quiero que cuando se haga un click adentro del formulario (cualquier parte) ejecute una funcion y cuando se le da un focusout o un blur ejecute otra pero el problema es el siguiente cuando hago click por ejemplo en el check automaticamente ejecuta la funcion focusout o blur esto se debe a un problema de propagacion por que la id del textbox no es la misma del formulario entonces piensa que se hizo un click afuera del formulario entonces se hace inestable la aplicacion?

hay solucion para esto?


Título: Re: Pequeño problema con jQuery
Publicado por: bomba1990 en 15 Noviembre 2010, 02:17 am
porque no posteas el codigo del formulario para entenderte mejor


Título: Re: Pequeño problema con jQuery
Publicado por: raul338 en 15 Noviembre 2010, 11:43 am
quiero que cuando se haga un click adentro del formulario (cualquier parte) ejecute una funcion y cuando se le da un focusout o un blur ejecute otra

Haz un div, pon el formulario adentro, y aplica el evento de click y focusout al div :)
no entendi que quisiste decir con blur :huh:


Título: Re: Pequeño problema con jQuery
Publicado por: octavioxd en 16 Noviembre 2010, 00:09 am
lo que sucede es que cuando se le hace click en alguna parte del formulario ejemplo un checkbox al tener el checkbox otro id piensa que se hizo focusout afuera del formulario entonces ejecuta la funcion


Título: Re: Pequeño problema con jQuery
Publicado por: marko1985 en 16 Noviembre 2010, 10:26 am
hola, no sé si te he entendido muy bien, pero creo que lo que tendrías que hacer es algo de este estilo, para que te seleccione. fijate bien en que los eventos sean los adecuados para la manipulación de formularios en jquery, tiene 5 eventos para formularios, que son .blur(), .change(), .focus(), .select(), y .submit()

function tuFUNCION1(){
 aquí pues la defines;
}


function tuFUNCION2(){
 aquí pues la defines;
}

/*despues algo asi */
$(document).ready(function(){
    $('form > input').focus(tuFUNCTION1(););
    $('form > input').blur(tuFUNCTION2(););
});


Si tienes otros elementos, que no sean inputs en el formulario, puedes hacer una función o escoger un mejor selector para que te detecte los elementos hijos de ese formulario, espero haberte pordido ayudar un poco, igualmente, cuándo tengas la solución estaría bien que la pusieses. Saludos