Ir para conteúdo
Fórum Script Brasil
  • 0

TabbedPanels1


MTavares

Pergunta

Pessoal.

Estou aqui com mais uma dúvida em relação ao javascript. No Dreamweaver tem uma ferramenta chamada SpryAssets, do qual me forneceu um menu com abas, bem bacana por sinal, porém quando eu clico na aba 2 e atualizo a página, ele volta para a aba 1.... veja abaixo:

<div id="barraFundo"></div>
<div id="TabbedPanels1" class="TabbedPanels">
  <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
    <li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
  </ul>
  <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">visualizaçao</div>
    <div class="TabbedPanelsContent">
    <?php include("includes/cadprodutos.php"); ?>  
    </div>
  </div>
</div>

<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab: 0});

//var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");

//-->
</script>

Observem que em uma das abas, tem uma include em PHP (por favor, minha dúvida é em Javascript e não PHP), do qual quando cadastro um produto, ele retorna para a primeira aba (Tab1). Alguém saberia como eu faço para que permaneça na TAB 2?

Obrigado.

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0

O que define a aba inicial é o atributo defaultTab na criação do widget.

var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab: 0});

Basta você setar alguma variável pra mudar isso. Pode ser cookie, session ou até mesmo um GET.

Link para o comentário
Compartilhar em outros sites

  • 0

Entendi... eu tentei pegar os valores com PHP, ficando assim:

<ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0"><a href="?tab=0">Tab 1</a></li>
    <li class="TabbedPanelsTab" tabindex="1"><a href="?tab=1">Tab 2</a></li>
  </ul>


<?php 

switch($_REQUEST["tab"]){
 case "0" : $tab = "0"; break;
case "1" : $tab = "1"; break;
default : "0"; break;
}
?>

<script>
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab: <?php echo $tab; ?>});
</script>

Só que o link não funciona.... é como se não existisse....

Link para o comentário
Compartilhar em outros sites

  • 0

Essa parte do código, criei um link para pegá-lo na url:

<li class="TabbedPanelsTab" tabindex="1"><a href="?tab=1">Tab 2</a></li>
<li class="TabbedPanelsTab" tabindex="1"><a href="?tab=1">Tab 2</a></li>

Parece que não funciona, pois se me retornasse na url com essa querystring, ficaria mais fácil de pegá-la com PHP..... teria alguma outra solução no próprio Javascript?

Abs.

Link para o comentário
Compartilhar em outros sites

  • 0

Não foi isso que eu quis dizer.

Observem que em uma das abas, tem uma include em PHP (por favor, minha dúvida é em Javascript e não PHP), do qual quando cadastro um produto, ele retorna para a primeira aba (Tab1). Alguém saberia como eu faço para que permaneça na TAB 2?

Esse include na tab1 é um formulário que tem como action a própria pagina?

Pra fazer só em javascript você poder usar cookies.

Editado por fiote
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,7k
×
×
  • Criar Novo...