Duda con SpryTabbedPanels.

[satjaen]

Hola, una pregunta:

¿Se puede indicar de alguna forma que se recarge la página pero en una pestaña concreta en un SpryTabbedPanels?

Código HTML:

<div id="TabbedPanels1" class="TabbedPanels"> 
  <ul class="TabbedPanelsTabGroup"> 
    <li class="TabbedPanelsTab" tabindex="0">Ficha 1</li> 
    <li class="TabbedPanelsTab" tabindex="0">Ficha 2</li> 
    <li class="TabbedPanelsTab" tabindex="0">Ficha 3</li> 
  </ul> 
  <div class="TabbedPanelsContentGroup"> 
    <div class="TabbedPanelsContent"> 
   ....... 
 
</div>
 

Un saludo

[PHPeros]

http://stackoverflow.com/questions/1...ing-javascript

Con defaultTab

[satjaen]

Iniciado por PHPeros

http://stackoverflow.com/questions/1...ing-javascript

Con defaultTab

Gracias por contestar, pero no lo entiendo bien. Le he puesto un 1 a la pestaña tabindex="1"que es la que quiero que abra al recargar la página pero no lo hace:

Código HTML:

<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1",{ defaultTab: 1 });
//-->
</script>
<div id="contenido" class="contenido">
<div id="TabbedPanels1" class="TabbedPanels">
  <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0" onclick="grabar('gen');">General</li>
    <li class="TabbedPanelsTab" tabindex="0" onclick="grabar('apa');">Aparatos</li>
    <li class="TabbedPanelsTab" tabindex="1" onclick="completar(<?php echo $row_usuarios['id_aviso']; ?>);grabar('ocu');">Realización</li>
    <li class="TabbedPanelsTab" tabindex="0">Ficha 4</li>
    <li class="TabbedPanelsTab" tabindex="0">Ficha 5</li>
    <li class="TabbedPanelsTab" tabindex="0">Ficha 6</li>
    <li class="TabbedPanelsTab" tabindex="0">Ficha 7</li>
    <li class="TabbedPanelsTab" tabindex="0">Ficha 8</li>
    <li class="TabbedPanelsTab" tabindex="0">Ficha 9</li>
  </ul>
 

[satjaen]

Ok, ya está:

Código HTML:

<div id="TabbedPanels1" class="TabbedPanels">
  <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0" >Pestaña 1</li>
    <li class="TabbedPanelsTab" tabindex="0" >Pestaña 2</li>
    <li class="TabbedPanelsTab" tabindex="0" >Pestaña 3</li>
  </ul>
</div>
 

Para que se recarge la página en la 1ª pestaña:

Código HTML:

<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
 

Para que se recarge la página en la 2ª pestaña:

Código HTML:

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

Para que se recarge la página en la 3ª pestaña:

Código HTML:

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

Y así sucesivamente............

[geofran80]

Hola satjaen, yo actualmente estoy usando los Tabs y Tabspanel de Twitter Bootstrap que son más fáciles de gestionar.

Twitter Bootstrap 3.1.1 Javascript Tabs

¿Has probado a usarlos?

Saludos cordiales.
Francisco J.

[satjaen]

[QUOTE=geofran80;4584980]Hola satjaen, yo actualmente estoy usando los Tabs y Tabspanel de Twitter Bootstrap que son más fáciles de gestionar.

Twitter Bootstrap 3.1.1 Javascript Tabs

¿Has probado a usarlos?

No los he probado.
Gracias