Menu con pestañas

diblasifrancisco · #1 (**permalink**) 21/12/2011, 17:23

Hola,

he intentando instalas un menu con pestañas en mi pagina web pero no me ha funcionado, solo me muestra las parte grafica de las pestañas pero no funciona , espero que puedan ayudarme, Saludos y desde ya gracias!

Les dejo el archivo completo : http://www.developnew.com/resources/tab.zip

esta es mi pagina, en la parte que dice descripcion, alli estan las pestañas:
http://www.ventech.com.ar/catalog/catalog/product_info.php?products_id=65

les dejo parte del código de la pagina donde lo quise instalar:

?php
/*
$Id: product_info.php,v 1.97 2003/07/01 14:34:54 hpdl Exp $

osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com

Copyright (c) 2003 osCommerce

Released under the GNU General Public License
*/

require('includes/application_top.php');

require(DIR_WS_LANGUAGES . $language . '/' . FILENAME_PRODUCT_INFO);

$product_check_query = tep_db_query("select count(*) as total from " . TABLE_PRODUCTS . " p, " . TABLE_PRODUCTS_DESCRIPTION . " pd where p.products_status = '1' and p.products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and pd.products_id = p.products_id and pd.language_id = '" . (int)$languages_id . "'");
$product_check = tep_db_fetch_array($product_check_query);
?>
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html <?php echo HTML_PARAMS; ?>>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET; ?>">
<title><?php echo TITLE; ?></title>
<base href="<?php echo (($request_type == 'SSL') ? HTTPS_SERVER : HTTP_SERVER) . DIR_WS_CATALOG; ?>">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script language="javascript"></script>
<style type="text/css">
TD.norepeat{background-image:url(/fonodo.png); background-repeat:no-repeat;}
</style>
<script language="JavaScript" type="text/JavaScript">

</script>

<script language="javascript">
function ocultarTodo() {
indicadores = document.getElementById("cabecera").getElementsByT agName("div");
for (var i = 0; i < indicadores.length; i ++)
indicadores[i].style.display = "none";

}
</script>

Código PHP:

Ver original<script type="text/javascript" src="jquery.js"></script>
<style type="text/css">
body {font-family:Verdana, Arial, Helvetica, sans-serif;}
.tab-box { 
  border-bottom: 1px solid #DDD;
  padding-bottom:5px;
}
.tab-box a {
  border:1px solid #DDD;
  color:#666666;
  padding: 5px 15px;
  text-decoration:none;
  background-color: #eee;
}
.tab-box a.activeLink { 
  background-color: #fff; 
  border-bottom: 0; 
  padding: 6px 15px;
}
.tabcontent { border: 1px solid #ddd; border-top: 0; padding: 5px;}
.hide { display: none;}
 
.small { color: #999; margin-top: 100px; border: 1px solid #EEE; padding: 5px; font-size: 9px; font-family:Verdana, Arial, Helvetica, sans-serif; }
</style>
 
<script type="text/javascript">
  $(document).ready(function() {
    $(".tabLink").each(function(){
      $(this).click(function(){
        tabeId = $(this).attr('id');
        $(".tabLink").removeClass("activeLink");
        $(this).addClass("activeLink");
        $(".tabcontent").addClass("hide");
        $("#"+tabeId+"-1").removeClass("hide")   
        return false;     
      });
    });  
  });
</script>

</head>

y el body:

<td width="500px" valign="top" colspan="2" style="border:solid 0px #CCCCCC; ">
<div class="tab-box">
<a href="javascript:;" class="tabLink activeLink" id="cont-1">Descripción</a>
<a href="javascript:;" class="tabLink " id="cont-2">Pago y envío</a>
</div>

<div class="tabcontent" id="cont-1-1">
<?php echo stripslashes($product_info['products_description']); ?>
</div>

<div class="tabcontent hide" id="cont-2-1">
Proximamente
</div>
</td>

GRACIAS!