Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/09/2012, 10:38
Avatar de satjaen
satjaen
 
Fecha de Ingreso: septiembre-2012
Ubicación: Jaén (Andalucía)
Mensajes: 893
Antigüedad: 12 años, 2 meses
Puntos: 10
Funcion en Paneles

Hola, alguien me podría decir como lo hago para que en una tabla donde tengo distintas solapas, cuando pulse una de ellas me haga automaticamente un php?
<li class="TabbedPanelsTab" tabindex="0">Usuarios</li>
<li class="TabbedPanelsTab" tabindex="0">Aparatos</li>
<li class="TabbedPanelsTab" tabindex="0">Intervenciones</li>


Dejo el cod:

Código PHP:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <script type="text/javascript" src="assets/js/jquery-1.7.2.min.js"></script>
  5. <script type="text/javascript" src="assets/jqueryui/js/jquery-ui-1.8.16.custom.min.js"></script>
  6. <script type="text/javascript" src="assets/js/js.js"></script>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <title>Documento sin título</title>
  9. <link href="estilo1.css" rel="stylesheet" type="text/css" />
  10. <script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
  11. <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
  12.   <script>  
  13. function enviar_formulario(){
  14.    document.form1.submit()
  15. }
  16. </script>
  17.  <script>
  18. function enviar_formulario1(){
  19.   document.form1.reset();
  20. }
  21. </script>
  22. <script>
  23. function enviar()
  24. {  
  25. var formulario = document.getElementById("");      
  26. var dato = formulario[0];  
  27. if (dato.value=="enviar"){     
  28. alert("Enviando el formulario");       
  29. formulario.submit();       
  30. return true;   
  31. } else {       
  32. alert("No se envía el formulario");    
  33. return false;   }}
  34. </script>
  35. </head>
  36. <body>
  37. <div id="contenedor">
  38. <div id="cabecera">Consulta de intervenciones</div>
  39. <div id="tabla">
  40.     <div id="formulario">
  41.     <form id="frm_filtro" method="post" action="" name="">
  42.             <table width="685">
  43.   <tr>
  44.     <td width="9%" class="campo_apellidos2">Teléfonos</td>
  45.     <td width="9%"><input  name="telefono" type="text" size="9" /></td>
  46.     <td width="9%"><input onkeydown="prueba(event)" name="telefono2" type="text" id="telefono2" size="9" /></td>
  47.     <td width="9%"><input name="telefono3" type="text" id="telefono3" size="9" /></td>
  48.     <td width="32%">&nbsp;</td>
  49.     <td width="18%" class="campo_apellidos2">NIF</td>
  50.     <td width="14%"><input name="NIF" type="text" id="NIF" size="9" /></td>
  51.   </tr>
  52.   <tr>
  53.     <td class="campo_apellidos2">Nombre</td>
  54.     <td colspan="4"><input name="nombre_apellidos" type="text" size="30" />
  55.     <td>&nbsp;</td>
  56.     <td>&nbsp;</td>
  57.   </tr>
  58.   <tr>
  59.     <td class="campo_apellidos2">Localidad</td>
  60.     <td colspan="4"><input name="poblacion" type="text" size="30" />
  61.       <span class="campo_apellidos2">C.Postal</span>      <input name="cod_postal" type="text" id="cod_postal" size="5" /></td>
  62.     <td class="campo_apellidos2">Provincia</td>
  63.     <td><input name="provincia" type="text" size="9" /></td>
  64.   </tr>
  65.   <tr>
  66.     <td class="campo_apellidos2">Calle</td>
  67.     <td colspan="4"><input name="calle" type="text" id="calle" size="45" />
  68.       <span class="campo_apellidos2"></span>      <input name="numero" type="text" id="numero" size="5" /></td>
  69.     <td class="campo_apellidos2">Edificio</td>
  70.     <td><input name="edificio" type="text" id="edificio" size="5" /></td>
  71.   </tr>
  72.   <tr>
  73.     <td class="campo_apellidos2">Puerta</td>
  74.     <td colspan="3"><input name="puerta" type="text" id="puerta" size="5" />
  75.       <span class="campo_apellidos2">      Piso</span>
  76.       <input name="piso" type="text" id="piso" size="5" />
  77.       <span class="campo_apellidos2">Letra</span>        <input name="letra" type="text" id="letra" size="5" /></td>
  78.     <td>&nbsp;</td>
  79.     <td><span class="campo_apellidos2">Nº Mante.</span></td>
  80.     <td><input name="mantenimiento" type="text" id="mantenimiento" size="5" /></td>
  81.   </tr>
  82.   </table>
  83.   <table width="100%">
  84.   <tr>
  85.     <th scope="col"><button type="button"  id="btnfiltrar" name="btnfiltrar" style="border:0; margin:0; padding:0;cursor:pointer">
  86.   <img src="imagenes_menu/boton_buscar.png"/>
  87. </button>
  88. </th>
  89.   </tr>
  90. </table>                
  91.           </form>        
  92.  
  93.     </div>
  94.     <div id="paneles">
  95.       <div id="TabbedPanels1" class="TabbedPanels">
  96.         <ul class="TabbedPanelsTabGroup">
  97.           <li class="TabbedPanelsTab" tabindex="0">Usuarios</li>
  98.           <li class="TabbedPanelsTab" tabindex="0">Aparatos</li>
  99.           <li class="TabbedPanelsTab" tabindex="0">Intervenciones</li>
  100. </ul>
  101.         <div class="TabbedPanelsContentGroup">
  102.           <div class="TabbedPanelsContent">
  103.            <div id="usuario">
  104.             <table width="100%" id="data" class="table-dg-grid" >
  105.              <thead>
  106.               <tr>
  107.        <tr bgcolor=#DFEBFF id=t70 onclick='coloreaf(70,1)' onMouseOver='coloreamosin(70,1)' onMouseOut='coloreamosout(70,1)'>
  108.                    <th><span title="num_usuario">Nº Usuario</span></th>
  109.                     <th><span title="telefono">Teléfono</span></th>
  110.                     <th><span title="nombre">Nombre</span></th>
  111.                     <th><span title="poblacion">Población</span></th>  
  112.                      </tr>
  113.                 </thead>
  114.                 <tbody>
  115.                 </tbody>
  116.             </table>
  117.                 </div>
  118.           </div>
  119.           <div class="TabbedPanelsContent"><table width="100%" id="data1">
  120.            <thead>
  121.   <tr>
  122.                     <th><span title="aparato"></span></th>
  123.                     <th><span title="marca"></span></th>
  124.                     <th><span title="modelo"></span></th>
  125.                     <th><span title="NUM_SERIE"></span></th>
  126.                     <th><span title="num_PRODUCTO"></span></th>
  127.                     <th><span title="FECHA_compra"></span></th>
  128.    </tr>
  129.                 </thead>
  130.                 <tbody>
  131.                 </tbody>
  132. </table>
  133. </div>
  134.           <div class="TabbedPanelsContent">
  135.            
  136.           <table cellpadding="0" cellspacing="0" id="data2">
  137.                 <thead>
  138.                   <tr>
  139.                     <th><span title="num_aviso"></span></th>
  140.                     <th><span title="num_usuario"></span></th>
  141.                     <th><span title="aparato"></span></th>
  142.                     <th><span title="calle"></span></th>
  143.                     <th><span title="fecha_recepcion"></span></th>
  144.                     <th><span title="fecha_recepcion"></span></th>
  145.                     <th><span title="sintoma"></span></th>
  146.                   </tr>
  147.                 </thead>
  148.                 <tbody>
  149.                 </tbody>
  150.               </table>            
  151.           </div>
  152. </div>
  153.       </div>
  154.       <table width="100%">
  155.         <tr>
  156. <th scope="col"><a class="" href="javascript:enviar_formulario()"><span></span><img src="imagenes_menu/generar_aviso1.png" width="150" height="40" border="0"/></a>
  157. </th>
  158.           <th scope="col">&nbsp;</th>
  159.           <th scope="col"></th>
  160.           <th scope="col"><a class="" href="javascript:enviar_formulario1()"><span></span><img src="imagenes_menu/boton_salir.png" width="150" height="40" border="0"/></a>
  161.  </th>
  162.         </tr>
  163.       </table>
  164.     </div>
  165. </div>
  166. </div>
  167. <script type="text/javascript">
  168. var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
  169. </script>
  170. </body>
  171. </html>