Jquery + show + Hide y un boton submit deja de irme

[sergi_climent]

Hola pipol,


tengo una pagina index que hay dos div, uno es el formulari y el otro editar_maquina.
index ->

Código html:

<div id="editar_maquina" style="display:none;"></div>
<div id="formulari">
<form id="form1" name="form1" onsubmit="VeureMaquines();return false">
<input type="submit">
</form>
</div>
 

el formulari contiene toda una selección de búsqueda, con un boton submit que al pulsarlo llama a esta función:

Código javascript:

function VeureMaquines(){
        
        var num_maq      = $('#num_maq').attr('value');
        var num_serie    = $('#nserie').attr('value');      
        var id_localitat = $('#id_localitat').attr('value');
        var id_seccio    = $('#id_seccio').attr('value');
        var id_tipo      = $('#id_tipo').attr('value');
        var id_model     = $('#id_model').attr('value');
        var id_fabricant = $('#id_fabricant').attr('value');
        var id_proveidor = $('#id_proveidor').attr('value');
        var id_baixa     = $('#id_baixa').attr('value');
        var id_eliminada = $('#id_eliminada').attr('value');
        var garantia     = $('#garantia').attr('value');
        var punt_critic  = $('#punt_critic').attr('value');
        
    
        $.ajax({    
            url: 'maquina/list_maquines.php',
            type: "POST",
            data: "submit=&num_maq="+num_maq+"&num_serie="+num_serie+"&id_localitat="+id_localitat+"&id_seccio="+id_seccio+"&id_tipo="+id_tipo+"&id_model="+id_model+"&id_fabricant="+id_fabricant+"&id_proveidor="+id_proveidor+"&id_baixa="+id_baixa+"&id_eliminada="+id_eliminada+"&garantia="+garantia+"&punt_critic="+punt_critic,
            success: function(datos){
                $("#list_tabla").html(datos);
                
            }
        });
        return false;
    }
 

hasta aquí todo bien, la página que carga es un listado, donde cada linea posee un botoncito que al pulsarlo esconde el div 'formulari' y muestra el 'editar_pagina' con el formulario para poder editar esta información, de la siguiente manera:

Código javascript:

function EditarMaquina(idmaquina){
        
            $("#formulari").hide();
            $("#editar_maquina").show();
            $.ajax({
                
                url: 'maquina/edit_maquina.php',
                type: "GET",
                data: "id="+idmaquina,
                success: function(datos){
                    $("#editar_maquina").html(datos);
                }
            });
            return false;
 
    }
 

el formulario posee dos botones, uno de aceptar y guardar los cambios y otro de Cancelar por si no quiere editar los datos, esto lo hace llamando la siguiente función:

Código html:

<form id="form2" name="form2" onsubmit="EditarMaquines();return false">
<input type="submit">
<input onclick="CancelarEditMaquines()">
</form>
 

Código javascript:

function CancelarEditMaquines(){
        $("#editar_maquina").hide();
        $("#formulari").show();
        return false;
    }
 

pues es aquí donde me encuentro con el problema, que le doy al boton Submit del Formulari, el que busca lo q yo quiero con la funcion VeureMaquines y no hace nada....

alguien sabe porque puede ser?

es posible que al esconder el edit_maquina, que contiene un formulario afecte?


espero que después del rollo se me haya entendido, sino es el caso preguntar donde la he liado para aclarar el tema!

Gracias de antemano,

Saludos

[sergi_climent]

La solución fue separar el formulario que contiene el FORM de consulta del q contiene la lista de resultados! y a la hora de hacer show y hide meter los dos div!

resumiendo:

Código javascript:

function CancelarEditMaquines(){
        $("#editar_maquina").hide();
        $("#formulari").show();
        $("#list_tabla").show();
        return false;
    }
    }
 

Código javascript:

function EditarMaquina(idmaquina){
        
            $("#list_tabla").hide();
            $("#formulari").hide();
            $("#editar_maquina").show();
            $.ajax({
                
                url: 'maquina/edit_maquina.php',
                type: "GET",
                data: "id="+idmaquina,
                success: function(datos){
                    $("#editar_maquina").html(datos);
                }
            });
            return false;
 
    }
 

Saludos