tengo un inconveniente con esta función:
Código Javascript:
Ver original
$(document).ready(function() { $(".contenido_tab").hide(); //Ocultar capas $("ul.tabs li:first").addClass("activa").show(); //Activar primera pestaña $(".contenido_tab:first").show(); //Mostrar contenido primera pestaña // Sucesos al hacer click en una pestaña $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("activa"); //Borrar todas las clases "activa" $(this).addClass("activa"); //Añadir clase "activa" a la pestaña seleccionada $(".contenido_tab").hide(); //Ocultar todo el contenido de la pestaña var activatab = $(this).find("a").attr("href"); //Leer el valor de href para identificar la pestaña activa $(activatab).fadeIn(); //Visibilidad con efecto fade del contenido activo return false; }); });
ésta función es para unas pestañas que tengo en mi form, y funciona bien, el inconveniente es que si por ejemplo en x pestaña hago un submit en un boton o en cualquier elemento y al recargar la pagina, se me carga de nuevo en la primera pestaña.
de acuerdo a esto, tengo el siguiente codigo para las pestañas:
Código HTML:
Ver original
pero por ejemplo tengo un input text y en el evento onblur=submit() en la pestaña #2, se actualiza y se carga de nuevo en la primera pestaña. Mi pregunta es, como puedo hacer para que los archivos que llamo en cada div, se ejecuten sobre ese div sin que se actualice toda la pagina, o como hacer para que la funcion recuerde en que pestaña estaba antes de recargarse.
podrían ayudarme por favor, intento averiguar como ejecutar cada pagina sobre ese div sin recargar, pero no he dado con la solución.