[Resolvido] É possível voltas a página na aba que estava selecion

[Mehow 1]

Pessoal é o seguinte, tenho uma página com 4 abas, essas abas são divs controladas pelo Jquery... ao inserir os dados do formulários a página volta mas com a primeira aba selecionada, eu gostaria de voltar com a terceira aba selecionada... é possível fazer isso?

 

só não uso ajax para me manter na pagina pq fica complexo porque eu vou juntando os dados em uma tabela temporaria como se fosse um carrinho de compras, e esses dados são calculados a cada insert vai somando os dados na tela...

[Mehow 1]

o script das abas é esse

<script type="text/javascript">
	$(document).ready(function() {
		//Default Action
		$(".tab_content").hide(); //Hide all content
		$("ul.tabs li:first").addClass("active").show(); //Activate first tab
		$(".tab_content:first").show(); //Show first tab content
		
		//On Click Event
		$("ul.tabs li").click(function() {
			$("ul.tabs li").removeClass("active"); //Remove any "active" class
			$(this).addClass("active"); //Add "active" class to selected tab
			$(".tab_content").hide(); //Hide all tab content
			var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
			$(activeTab).show(); //Fade in the active content
			return false;
		});
	
	});
    </script>

nessas 2 linhas

$("ul.tabs li:first").addClass("active").show(); //Activate first tab

$(".tab_content:first").show(); //Show first tab content

 

alterei para last e dei refresh na página, dai carrega com a ultima aba... como faço para selecionar o terceiro elemento?

[Mehow 1]

o script das abas é esse

<script type="text/javascript">
	$(document).ready(function() {
		//Default Action
		$(".tab_content").hide(); //Hide all content
		$("ul.tabs li:first").addClass("active").show(); //Activate first tab
		$(".tab_content:first").show(); //Show first tab content
		
		//On Click Event
		$("ul.tabs li").click(function() {
			$("ul.tabs li").removeClass("active"); //Remove any "active" class
			$(this).addClass("active"); //Add "active" class to selected tab
			$(".tab_content").hide(); //Hide all tab content
			var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
			$(activeTab).show(); //Fade in the active content
			return false;
		});
	
	});
    </script>

nessas 2 linhas

$("ul.tabs li:first").addClass("active").show(); //Activate first tab

$(".tab_content:first").show(); //Show first tab content

 

alterei para last e dei refresh na página, dai carrega com a ultima aba... como faço para selecionar o terceiro elemento?

[Mehow 1]

Resolvi! porem gostaria de saber se há outra forma porque fiz gambiarra ^_^

o script é esse:

<script type="text/javascript">
	$(document).ready(function() {
		//Default Action
		$(".tab_content").hide(); //Hide all content
		$("ul.tabs li:first").addClass("active").show(); //Activate first tab
		$(".tab_content:first").show(); //Show first tab content

		//On Click Event
		$("ul.tabs li").click(function() {
			$("ul.tabs li").removeClass("active"); //Remove any "active" class
			$(this).addClass("active"); //Add "active" class to selected tab
			$(".tab_content").hide(); //Hide all tab content
			var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
			$(activeTab).show(); //Fade in the active content
			return false;
		});
	
	});
    </script>

a maneira que encontrei foi ao fazer o submit no formulário eu crio uma variável de sessao e no script jquery coloquei um codigo PHP para verificar, se existe a variavel ele executa um trecho do codigo que seleciona a terceira aba

 

ficou assim:

<script type="text/javascript">
	$(document).ready(function() {
		//Default Action
		<?php
			if(isset($_SESSION['verifica'])){
		?>
		$(".tab_content").hide(); //Hide all content
		$("ul.tabs li:#tab3").addClass("active").show(); //Activate first tab
		$(".tab_content#tab3").show(); //Show first tab content
		<?php
			}else{
		?>
		$(".tab_content").hide(); //Hide all content
		$("ul.tabs li:first").addClass("active").show(); //Activate first tab
		$(".tab_content:first").show(); //Show first tab content
		<?php
		    }
		?>
		//On Click Event
		$("ul.tabs li").click(function() {
			$("ul.tabs li").removeClass("active"); //Remove any "active" class
			$(this).addClass("active"); //Add "active" class to selected tab
			$(".tab_content").hide(); //Hide all tab content
			var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
			$(activeTab).show(); //Fade in the active content
			return false;
		});
	
	});
    </script>