• 0
Sign in to follow this  
MTavares

TabbedPanels1

Question

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.

Share this post


Link to post
Share on other sites

5 answers to this question

Recommended Posts

  • 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.

Share this post


Link to post
Share on other 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....

Share this post


Link to post
Share on other sites
  • 0
Só que o link não funciona.... é como se não existisse...

O que isso quer dizer?

Share this post


Link to post
Share on other 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.

Share this post


Link to post
Share on other 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.

Edited by fiote

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this