Duda con una Hoja en PHP...

ixus36900 · #1 (**permalink**) 04/07/2012, 08:15

Hola a todos, quisiera perdirles porfavor que me ayuden para poder hacer lo siguiente:

tengo un archivo hoja.php que en su contenido tiene esto:

Código PHP:

  <body>

 <div>
                   <table id="tabla">
    <thead>
    <tr>
     <td colspan="3">Titulo1</td>
   </tr>               
      <tr>
    <td colspan="3">Subtitulo</td>
  </tr>
  <tr>
    <td class="Contenido" colspan="3"><h4>Contenido</h4>
<p>texto y demas...</p>
   </tr>
  </thead>
  <tbody>
  <tr class="efect">
       <td">subtema1</td>
    <td>contenido texto y demas subtema</td>
  </tr>
  <tr class="efect">
       <td">subtema2</td>
    <td>contenido texto y demas subtema</td>
  </tr>
   <tr class="efect">
       <td">subtema3</td>
    <td>contenido texto y demas subtema</td>
  </tr>
  <tr class="efect">
       <td">subtema4</td>
    <td>contenido texto y demas subtema</td>
  </tr>
  </tbody>
</table>
                   </div>
          <hr /> 
          
                   
 <!--fin contenido 1 -->
 
 <div>
                   <table id="tabla">
    <thead>
    <tr>
     <td colspan="3">Titulo 2</td>
   </tr>               
      <tr>
    <td colspan="3">Subtitulo</td>
  </tr>
  <tr>
    <td class="Contenido" colspan="3"><h4>Contenido</h4>
<p>texto y demas...</p>
   </tr>
  </thead>
  <tbody>
  <tr class="efect">
       <td">subtema1</td>
    <td>contenido texto y demas subtema</td>
  </tr>
  <tr class="efect">
       <td">subtema2</td>
    <td>contenido texto y demas subtema</td>
  </tr>
   <tr class="efect">
       <td">subtema3</td>
    <td>contenido texto y demas subtema</td>
  </tr>
  <tr class="efect">
       <td">subtema4</td>
    <td>contenido texto y demas subtema</td>
  </tr>
  </tbody>
</table>
                   </div>
                <hr/>
                  
       <!--fin contenido 2 -->          
                   
<div>
                   <table id="tabla">
    <thead>
    <tr>
     <td colspan="3">Titulo 3</td>
   </tr>               
      <tr>
    <td colspan="3">Subtitulo</td>
  </tr>
  <tr>
    <td class="Contenido" colspan="3"><h4>Contenido</h4>
<p>texto y demas...</p>
   </tr>
  </thead>
  <tbody>
  <tr class="efect">
       <td">subtema1</td>
    <td>contenido texto y demas subtema</td>
  </tr>
  <tr class="efect">
       <td">subtema2</td>
    <td>contenido texto y demas subtema</td>
  </tr>
   <tr class="efect">
       <td">subtema3</td>
    <td>contenido texto y demas subtema</td>
  </tr>
  <tr class="efect">
       <td">subtema4</td>
    <td>contenido texto y demas subtema</td>
  </tr>
  </tbody>
</table>
                   </div>
                  <hr/>
       <!--fin contenido 3 -->  
                       

</body>

con eso quiero que se muestre en el navedor solo una <div> o contenido y que para mostrar los otros <div> se tenga que navegar con botones asi:

así que el div con la tabla "titulo 1" se muestre si pulso el botón 1, el div con la tabla "titulo 2" se muestre si pulso el botón 2 y así sucesivamente...

de tal forma que de la impresión que esta navegando entre paginas sin salir del archivo hoja.php que es donde esta todo el contenido.

gracias!!

vicram10 · #2 (**permalink**) 04/07/2012, 09:44

te paso un ejemplo con jquery de como se puede lograr usandolo pero en ves de paginacion usarias TABS (casi lo mismo)

http://jqueryui.com/demos/tabs/