Metodo not() no me funciona

tumbero_x · #1 (**permalink**) 07/11/2011, 08:12

Hola Amigos!!!
por medio de este codigo

Código Javascript:

Ver original$(document).ready(function(){
   $('input:text,input:button,input:password,input:file').live('keydown', function(e) {
        if (e.keyCode == 40 ){
            
                var inputs = $(this).parents('form').find('input:text,input:password,input:button,input:file,select').not('input:hidden,input:disabled');
                
                var idx = inputs.index(this);
                if (idx == inputs.length - 1) {
                        //inputs.eq( idx +1).focus();
                       inputs.eq( idx = 0).focus();
                } else {
                        inputs[idx + 1].focus(); //  handles submit buttons
                        
                }
                return false;
        }
});
})

salto de input con la flecha pero le agregue el not() para que ciertos input los ignore, ahira lo que nececito es que ignore un input con la clase busqueda pero no me lo toma

Código Javascript:

Ver originalvar inputs = $(this).parents('form').find('input:text,input:password,input:button,input:file,select').not('input:hidden,input:disabled,.busqueda');

saludos y muchas gracias por su tiempo

Dany_s · #2 (**permalink**) 08/11/2011, 07:44

queres que saltee de un elemento con clase busqueda al siguiente?

Código HTML:

Ver original<html>
    <head>
        <title>Pruebas</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script>
    $( function(){
 
       var inputs = $(":text, :file, :button, textarea", '#formulario');
       inputs.live('keydown', function(e) {
            if (e.keyCode == 40 ){
                var $this = $(this);
 
                if($this.index() == inputs.length - 1)
                    inputs.eq(0).focus();
                else
                    saltear($this.next()).focus();
 
                return false;
            }
       });
 
       function saltear(el){
            if(el.is('.busqueda, :disabled')){
                return saltear(el.next());
            }
            return el;
       }
 
    });
</script>
</head>
<body>
    <form id="formulario">
        <input type="text" />
        <input type="text" />
        <input type="text" disabled="disabled" value="disabled" />
        <input type="text" class="busqueda" value="busqueda" />
        <textarea>textarea</textarea>
        <input type="file" />
        <input type="button" value="boton" />
    </form>
</body>
</html>

tumbero_x · #3 (**permalink**) 08/11/2011, 07:58

Hola Dany_s muchas gracias por tu respuesta pero me sigue sin funcionar pero es porque lo estoy haciendo mal
vuelvo a explicarlo
estoy usando autocomplete de jquery ui , entonces cuando tengo foco en el input con la clase busqueda y uso el autocomplete , cuando quiero seleccionar algo que se genero de la busqueda voy hacia el elemento con la flecha para abajo del teclado y como la estoy usando para saltar de campo , antes de seleccionar algo me salta de campo automaticamente sin poder seleccionar nada, por eso queria que hacer esto ultimo pero tampoco me funciona
saludos!!!

chicohot20 · #4 (**permalink**) 08/11/2011, 08:20

Código Javascript:

Ver original<html>
    <head>
        <title>Pruebas</title>
        <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
    <script>
    $( function(){      
        var availableTags = ["ActionScript","AppleScript","Asp","BASIC","C","C++","Clojure"];
        $(".busqueda" ).autocomplete({
            source: availableTags
        });
       var inputs = $(":text, :file, :button, textarea", '#formulario');
       inputs.live('keydown', function(e) {
           if($(this).is(".ui-autocomplete-input")) return true;
           else{
                if (e.keyCode == 40 ){
                    var $this = $(this);
     
                    if($this.index() == inputs.length - 1)
                        inputs.eq(0).focus();
                    else
                        saltear($this.next()).focus();
     
                    return false;
                }
            }
       });
 
       function saltear(el){
            if(el.is('.busqueda, :disabled')){
                return saltear(el.next());
            }
            return el;
       }
 
    });
</script>
</head>
<body>
    <form id="formulario">
        <input type="text" />
        <input type="text" />
        <input type="text" disabled="disabled" value="disabled" />
        <input type="text" class="busqueda" value="Autocompletar" />
        <textarea>textarea</textarea>
        <input type="file" />
        <input type="button" value="boton" />
    </form>
</body>
</html>

Dany_s · #5 (**permalink**) 08/11/2011, 08:34

como el anterior mensaje, compruebas con el método is()

¿y poqué no usas la tecla tab que en realidad es para pasar el foco al siguiente campo? y con shift+tab al anterior

a mi me rompe las pelotas cuando me piden que con enter pase al siguiente campo jeje una de las pequeñas cosas que me irrita mucho jeje

tumbero_x · #6 (**permalink**) 08/11/2011, 10:51

Cita:

a mi me rompe las pelotas cuando me piden que con enter pase al siguiente campo jeje una de las pequeñas cosas que me irrita mucho jeje

tenes toda la razon
voy a probar el codigo de chicohot20
saludos y Muchas gracias por todo!!!

tumbero_x · #7 (**permalink**) 08/11/2011, 10:57

Perfecto!!!!!
me que asi

Código Javascript:

Ver original$(document).ready(function(){
    $(':text,:button,:password,:file').live('keydown', function(e) {
    if($(this).is(".ui-autocomplete-input")) return true;
           else{
        if (e.keyCode == 40  ){
            
                var inputs = $(':text,:password,:button,:file,select').not(':hidden,:disabled');
                var idx = inputs.index(this);
                if (idx == inputs.length - 1) {
                        //inputs.eq( idx +1).focus();
                       inputs.eq( idx = 0).focus();
                } else {
                        inputs[idx + 1].focus(); //  handles submit buttons
                        
                }
                return false;
        }
           }
});
 
})

saludos y Gracias nuevamente