Tema: tabs fadeout no anda
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 01/12/2012, 16:25
el_loco90
 
Fecha de Ingreso: julio-2012
Mensajes: 234
Antigüedad: 12 años, 5 meses
Puntos: 9
Respuesta: tabs fadeout no anda
Cita:
Iniciado por jonni09lo Ver Mensaje
Podrias mostrar la estructura html para poder ver seguir el orden de tu codigo?
como no amigo es asi:
Código HTML: 
Ver original
  1. <?php
  2. session_start();
  3. include_once("../includes/procs.php"); 
  4. include_once('../includes/conexiones.php'); 
  5. include_once("../includes/clases.php");
  6. //****************************************************************************************************
  7. $empresa=$_SESSION['empresa'];
  8. conectarse();
  9. //****************************************************************************************************
  10. ?>
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12. <html xmlns="http://www.w3.org/1999/xhtml"><head>
  13. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  14. <title><?php echo $_SESSION["empresa"]." - Temas de ayuda";?></title>
  15. <link href="stylo0.css" rel="stylesheet" type="text/css" />
  16. <link rel="shortcut icon" type="image/x-icon" href="../images/faviconol.ico">
  17. <link rel="stylesheet" href="calendar.css">
  18. <script language="JavaScript" src="calendar_eu.js"></script>
  19. <script type=text/javascript src="help.js"></script>
  20. <script type=text/javascript src="jquery.min.js"></script>
  21. <link rel=stylesheet type=text/css href="main.css">
  22. <link rel=stylesheet type=text/css href="shadowbox.css">
  23. <script type=text/javascript> 
  24.  $(document).ready(function()
  25. {
  26.     $(".tab_content").hide();
  27.     $("ul.tabs li:eq(0)").addClass("active").show();
  28.     $(".tab_content:eq(0)").show();
  29.     $("ul.tabs li").click(function()
  30.        {
  31.         $("ul.tabs li").removeClass("active");
  32.         $(this).addClass("active");
  33.         $(".tab_content").hide();
  34.         var activeTab = $(this).find("a").attr("href");
  35.         $(activeTab).fadeIn();
  36.         return false;
  37.     });
  38. });
  39. </script>
  40. <style type="text/css">
  41. .Estilo7 {color: #FF0000}
  42. .style4 {font-family: Arial, Helvetica, sans-serif}
  43. </style>
  44. </head>
  45. <body>
  46. <table width="100%" height="74" border="0" align="center" class="pagina" >
  47. <tr>
  48. <td height="20">
  49.   <?php 
  50.   include("cabecera.php");
  51.   include("barrausuario.php");
  52.   ?>
  53.   </td>
  54.   </tr>
  55.   <tr>
  56.   <td width="100%" height="48" align="center" valign="top" class="tdcentro"><table width="100%" border="0" align="center">
  57.   <tr>
  58.   <td width="100%" height="24">
  59.   <form action="temasdeayuda1.php" method="post">
  60.   <div id=cuerpo>
  61.   <div id=centro3>
  62.   <UL class=tabs>
  63.   <li><a href="#tab1">1</a></li>
  64.   <li><a href="#tab2">2</a></li>
  65.   <li><a href="#tab3">3</a></li>
  66.   <li><a href="#tab4">4</a></li>
  67.   <li><a href="#tab5">5</a></li>
  68.   <li><a href="#tab6">6</a></li>
  69.   <li><a href="#tab8">8</a></li>
  70.   </ul>
  71.   <div class=tab_container>
  72.   <div id=tab1 class=tab_content>1</div>
  73.   <div id=tab2 class=tab_content>2</div>
  74.   <div id=tab3 class=tab_content>3</div>
  75.   <div id=tab4 class=tab_content>4</div>
  76.   <div id=tab5 class=tab_content>5</div>
  77.   <div id=tab6 class=tab_content>6</div>
  78.   <div id=tab7 class=tab_content>7</div>
  79.   <div id=tab8 class=tab_content>8</div>
  80.   </div>
  81.   </div>
  82.   </div>
  83. </form>
  84. </td>
  85. </tr>
  86. </table>
  87. <div align="left">
  88. <?php include("pie.php"); ?>
  89. </div>
  90. </td>
  91. </tr>
  92. </table>
  93. </body>
  94. </html>