TabbedPanels1

[MTavares]

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.

[fiote]

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.

[MTavares]

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

[fiote]

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

O que isso quer dizer?

[MTavares]

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.

[fiote]

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 Maio 29, 2012 por fiote