Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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...
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>$("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?
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>
o script das abas é esse
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?