Permanecer en la misma pestaña luego de envío de formulario

[rogertm]

OK! Aquí llegué yo solito ... Tengo una página con dos secciones, en cada una de ellas un formulario de envío de datos a una BBDD. Logré poner un par de pestañas mediante las que accedo a cada formulario, solo mostrándose el que esté activo.

El caso es que cuando envío uno de esos formularios se muestra la primera pestaña siempre, pero quiero que si estoy en el segundo formulario y lo envíe, se quede en esa sección.

Mi código es este:

Código HTML:

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/scripts.js" type="text/javascript"></script>
 
<div class="wrap">
    <h2 class="nav-tab-wrapper">
        <a href="#" id="anchor-theme-setting" class="nav-tab nav-tab-active"><?php echo __('Theme Setting'); ?></a>
        <a href="#" id="anchor-add-link-setting" class="nav-tab"><?php echo __('Add Link Setting'); ?></a>
    </h2>
    <section id="theme-setting">
    // Aquí el formulario 1...
    </section>
 
    <section id="add-link-setting">
    // Aquí el formulario 2...
    </section>
</div>
 

y el archivo script.js

Código Javascript:

$(function() {
    $("#anchor-theme-setting").click(function(){
        $("#theme-setting").show();
        $("#add-link-setting").hide();
        $('#anchor-theme-setting').addClass('nav-tab-active');
        $('#anchor-add-link-setting').removeClass('nav-tab-active');
        }
    );
    $("#anchor-add-link-setting").click(function(){
        $("#add-link-setting").show();
        $("#theme-setting").hide();
        $('#anchor-theme-setting').removeClass('nav-tab-active');
        $('#anchor-add-link-setting').addClass('nav-tab-active');
        }
    );
});
 

Gracias de antemano...

[truman_truman]

podrías colocar un campo hidden en cada formulario (con el mismo name en los dos) ,
en el form1 el valor de dicho campo será 1 y en el segundo form será 2


dependiendo de cual se envíe, se mostrará uno u el otro


Espero que te sirva y Feliz Navidad
Saludos

[caricatos]

Hola:

Otra posibilidad es enviar el formulario a una ventana (podría ser un iframe oculto)

De otra manera, deberías comunicarle a la página de donde vuelve, tal vez con sesiones. Creo que tampoco sería necesario hacerlo con javascript.

Saludos

[Pablo Ayala]

que tal un load()?
Cuando le des clic al boton del envio que haga algo asi:
$('#mi_boton').load('pagina-que-procesara-la-informacion', function(){

TODO LO QUE DESES QUE HAGA CUANDO TERMINE DE HACER EL ENVIO

});

Saludos!

[cristian_cena]

Bueno load() te será util para cargar un archivo, pero para enviar el formulario tal vez te sea mejor usar $.post()

Código Javascript:

$("#formulario").submit(function(event){
    event.preventDefault(); //detenemos el submit 
    $.post("ruta/archivo.php", $(this).serialize(), function(data){
        //callback, donde data son los datos que vuelven del servidor, datos que pueden ser json si los tratas con la funcion php: json_encode():
    });     
});
 

De este modo envías sin refrescar mediante ajax, luego en el callback ejecutas la acción que necesites.

Espero te sea de ayuda. Saludos.

[rogertm]

Bueno, a ver, cuando envío el formulario lo proceso en la misma página, y todo está perfecto, los datos van a la base de datos y todo OK. Por lo pronto intenté esto, pero sigo en las mismas:

Código Javascript:

$("#submit-add-link-setting").load(function(){
    $("#add-link-setting").show();
    $("#theme-setting").hide();
    $('#anchor-theme-setting').removeClass('nav-tab-active');
    $('#anchor-add-link-setting').addClass('nav-tab-active');
});
 

#submit-add-link-setting es el id que le puse al formulario. Lo que quiero es que al enviar el formulario permanezca en la misma pestaña.

Es primera vez que tengo que hacer algo con javascript y jquery, por lo pronto me estudiaré la documentación sobre los eventos en jquery a ver si logro hacerlo.

Gracias a todos...

[Pablo Ayala]

Todos los días se aprende algo nuevo...

pondre en práctica eso del $.post

gracias cristian_cena