No consigo cambiar de tab

[caguayo]

Hola a todos:

Quiero montar en un pequeño sitio unos tabs pero no consigo que este código que encontré en internet conmute y muestre el contenido de los demás tabs. Siempre está activo el primer tabs. Cuando doy un click sobre cualquiera de los tabs va hacia un enlace que está fuera y nunca me activa ese tab y más que todo necesito que muestre el contenido (body) del tab correspondiente.

¿Cuál es la parte del código que determina la conmutación entre los tabs?

Para no hacer muy largo este hilo no he colocado el archivo .css, el cuál muestra correctamente los tabs.

El archivo Static_Tabstrip.php

Código PHP:

<?php
    /**
    * o------------------------------------------------------------------------------o
    * | This package is licensed under the Phpguru license. A quick summary is       |
    * | that for commercial use, there is a small one-time licensing fee to pay. For |
    * | registered charities and educational institutes there is a reduced license   |
    * | fee available. You can read more  at:                                        |
    * |                                                                              |
    * |                  http://www.phpguru.org/static/license.html                  |
    * o------------------------------------------------------------------------------o
    *
    */
 
    /**
    * Produces a tab strip
    *
    * NB: Don't forget the CSS styles
    *
    * @param array $tabs Multi dimensional array of tabs. First dimension is
    *                    numerically indexed, second has the following keys:
    *                     o link   -  The link used
    *                     o name   -  The text used inside the link which the user sees
    *                     o active -  Whether this tab is active or not. Naturally only
    *                                 one tab should have this set to true...
    */
    function PrintTabStrip($tabs, $leader = null)
    {
        ?>
            <div class="tabstrip">
                &nbsp;
                <?foreach($tabs as $t):?>
                    <div class="tabstrip_tab <?=($t['active'] ? 'active' : '')?>" id="<?=$t['id']?>">
                        <?if(!$t['active']):?>
                            <img src="images/tab_tl.png" style="position: absolute; top: -1px; left: -1px" width="5" height="5" />
                            <img src="images/tab_tr.png" style="position: absolute; top: -1px; right: -1px" width="5" height="5" />
                        <?else:?>
                            <img src="images/tab_active_tl.png" style="position: absolute; top: -1px; left: -1px" width="5" height="5" />
                            <img src="images/tab_active_tr.png" style="position: absolute; top: -1px; right: -1px" width="5" height="5" />
                        <?endif?>
                        
                        <?if(!empty($t['link'])):?><a href="<?=$t['link']?>" <?if(!empty($t['mouseover'])):?>onmouseover="window.status = '<?=$t['mouseover']?>'; return true" onmouseout="window.status = ''"<?endif?>><?=$t['name']?></a><?else:?><?=$t['name']?><?endif?>
                    </div>
                <?endforeach?>
                &nbsp;
            </div>
        <?php
    }
?>
 

Código PHP:

<?php
  /**
  * Include the tabstrip code
  */
  require_once('Static_Tabstrip.php');
 
  /**
  * Define the tabs by using a two dimensional array
  */
  $tabs = array(
         array('id' => 'tab_1', 'name' => 'First tab', 'active' => empty($_GET['tab']), 'link' => 'example.php', 'mouseover' => 'Visit Google!'),
         array('id' => 'tab_2', 'name' => 'Second', 'active' => !empty($_GET['tab']) && $_GET['tab'] === '2', 'link' => 'example.php?tab=2', 'mouseover' => 'Or not...'),
         array('id' => 'tab_3', 'name' => 'Third (disabled)', 'active' => false)
         );
 
  PrintTabStrip($tabs);
?>
 

Código HTML:

<div class="tab_body">
  <?if(empty($_GET['tab'])):?>
    <h1>Some content</h1>
 
    <p>
      Put the main content in here
    </p>
  <?elseif($_GET['tab'] == 2):?>
    <h1>More content</h1>
 
    <p>
      Put more content in here. Use seperate files for better organisation.
    </p>
  <?endif?>
</div>
 

Muchas gracias me pueden ayudar?, porfa

[Triby]

Tu problema no es realmente de PHP, sino de Javascript (creo), por lo que la unica sugerencia que te puedo hacer es que no uses short_tags <? y en su lugar uses la etiqueta completa <?php

[caguayo]

Probé con javascript pero al tener 8 tabs con mucho contenido y tablas cuando cargo la página en el navegador despliega primeramente todo el contenido de los tabs verticalmente durante unos 9 seg.
y luego es que muestra los tabs correctamente, además hay funciones javascript de validaciones. Con javascript es un desastre.

[Triby]

Bueno, para resolver el problema de que se muestren todos al principio, con CSS puedes aplicar opciones de visualizacion inicial a cada cosa, flotar, ocultar, etc.

Si quieres hacerlo directamente con PHP sera recargando toda la pagina y lo unico que necesitarias es validar el tab actual:

Código PHP:

// Asignas desde GET o con valor por default
$tab = (isset($_GET['tab'])) ? $_GET['tab'] : 0;
 
// Verificas que realmente existe el tab
if( ! isset($tabs[$tab])) {
    $tab = 0;
}
 
// Ya cuando vayas a mostrar el contenido:
if($tab == 0) {
    // Contenido del primer tab (cero)
} else if($tab == 1) {
    // Contenido de otro tab
} else if($tab == 10) {
    // Contenido de otro tab
}
 

[caguayo]

Muchas gracias.