Tema: Funcion en Paneles
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 28/09/2012, 01:11
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
Respuesta: Funcion en Paneles
Dradi7 otra vez gracias, bueno como tu ya sabes que en estos menesteres ando bastante verde me podrías decir donde pongo la variable de la pestaña usuarios que en este caso es num_usuario para pasarla a la pestaña aparatos?

He modificado el cod y al pulsar en Aparatos no me funciona.
Aquí esta 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 type="text/javascript">
  13. $(document).ready(function() {    
  14.     $('.button').click(function(){
  15.  
  16.         //Añadimos la imagen de carga en el contenedor
  17.         $('#content').html('<div><img src="imagenes_menu/ajax-loader.gif"/></div>');
  18.  
  19.         var page = $(this).attr('data');        
  20.         var dataString = 'page='+page;
  21.     
  22.         $.ajax({
  23.             type: "GET",
  24.             url: "includes/archivo.php",
  25.             data: dataString,
  26.             success: function(data) {
  27.                 //Cargamos finalmente el contenido deseado
  28.                 $('#content').fadeIn(1000).html(data);
  29.             }
  30.         });
  31.     });              
  32. });    
  33. </script>
  34.   <script> 
  35. function enviar_formulario(){ 
  36.    document.form1.submit() 
  37. } 
  38. </script> 
  39.  <script> 
  40. function createAjax(){
  41.    if (window.XMLHttpRequest)
  42.    {
  43.       xmlhttp=new XMLHttpRequest();
  44.    }
  45.    else
  46.    {
  47.       xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  48.    }
  49. }
  50.  
  51. function buscarAparatos()
  52. {
  53.     createAjax();
  54.     xmlhttp.onreadystatechange=function()
  55.     {
  56.         if (xmlhttp.readyState==4 && xmlhttp.status==200)
  57.         {
  58.             document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
  59.         }
  60.     }
  61.     xmlhttp.open("GET","buscarAparato.php",true);
  62.     xmlhttp.send("ID=4");
  63. }
  64. </script> 
  65.  <script> 
  66. function enviar_formulario1(){ 
  67.   document.form1.reset();
  68. } 
  69. </script> 
  70. <script> 
  71. function enviar()
  72. {   
  73. var formulario = document.getElementById("");       
  74. var dato = formulario[0];   
  75. if (dato.value=="enviar"){      
  76. alert("Enviando el formulario");        
  77. formulario.submit();        
  78. return true;    
  79. } else {        
  80. alert("No se envía el formulario");     
  81. return false;   }}
  82. </script> 
  83. </head>
  84. <body>
  85. <div id="contenedor">
  86. <div id="cabecera">Consulta de intervenciones</div>
  87. <div id="tabla">
  88.     <div id="formulario">
  89.     <form id="frm_filtro" method="post" action="menu1.php" name="form1">
  90.             <table width="685">
  91.   <tr>
  92.     <td width="9%" class="campo_apellidos2">Teléfonos</td>
  93.     <td width="9%"><input name="telefono" type="text" size="9" /></td>
  94.     <td width="9%"><input name="telefono2" type="text" id="telefono2" size="9" /></td>
  95.     <td width="9%"><input name="telefono3" type="text" id="telefono3" size="9" /></td>
  96.     <td width="32%">&nbsp;</td>
  97.     <td width="18%" class="campo_apellidos2">NIF</td>
  98.     <td width="14%"><input name="NIF" type="text" id="NIF" size="9" /></td>
  99.   </tr>
  100.   <tr>
  101.     <td class="campo_apellidos2">Nombre</td>
  102.     <td colspan="4"><input name="nombre_apellidos" type="text" size="30" />
  103.     <td>&nbsp;</td>
  104.     <td>&nbsp;</td>
  105.   </tr>
  106.   <tr>
  107.     <td class="campo_apellidos2">Localidad</td>
  108.     <td colspan="4"><input name="poblacion" type="text" size="30" />
  109.       <span class="campo_apellidos2">C.Postal</span>      <input name="cod_postal" type="text" id="cod_postal" size="5" /></td>
  110.     <td class="campo_apellidos2">Provincia</td>
  111.     <td><input name="provincia" type="text" size="9" /></td>
  112.   </tr>
  113.   <tr>
  114.     <td class="campo_apellidos2">Calle</td>
  115.     <td colspan="4"><input name="calle" type="text" id="calle" size="45" />
  116.       <span class="campo_apellidos2">Nº</span>      <input name="numero" type="text" id="numero" size="5" /></td>
  117.     <td class="campo_apellidos2">Edificio</td>
  118.     <td><input name="edificio" type="text" id="edificio" size="5" /></td>
  119.   </tr>
  120.   <tr>
  121.     <td class="campo_apellidos2">Puerta</td>
  122.     <td colspan="3"><input name="puerta" type="text" id="puerta" size="5" />
  123.       <span class="campo_apellidos2">      Piso</span>
  124.       <input name="piso" type="text" id="piso" size="5" />
  125.       <span class="campo_apellidos2">Letra</span>        <input name="letra" type="text" id="letra" size="5" /></td>
  126.     <td>&nbsp;</td>
  127.     <td><span class="campo_apellidos2">Nº Mante.</span></td>
  128.     <td><input name="mantenimiento" type="text" id="mantenimiento" size="5" /></td>
  129.   </tr>
  130.   </table>
  131.   <table width="100%">
  132.   <tr>
  133.     <th scope="col"><button type="button"  id="btnfiltrar" name="btnfiltrar" style="border:0; margin:0; padding:0;cursor:pointer">
  134.   <img src="imagenes_menu/boton_buscar.png"/>
  135. </button>
  136. </th>
  137.   </tr>
  138. </table>                
  139.           </form>         
  140.   
  141.     </div>
  142.     <div id="paneles">
  143.       <div id="TabbedPanels1" class="TabbedPanels">
  144.         <ul class="TabbedPanelsTabGroup">
  145.           <li class="TabbedPanelsTab" tabindex="0">Usuarios</li>
  146.           <li class="TabbedPanelsTab" tabindex="0" onclick="buscarAparatos();">Aparatos</li>
  147.           <li class="TabbedPanelsTab" tabindex="0">Intervenciones</li>
  148. </ul>
  149.         <div class="TabbedPanelsContentGroup">
  150.           <div class="TabbedPanelsContent">
  151.            <div id="usuario">
  152.             <table width="100%" id="data" class="table-dg-grid" >
  153.              <thead>
  154.               <tr>
  155.        <tr bgcolor=#DFEBFF id=t70 onclick='coloreaf(70,1)' onMouseOver='coloreamosin(70,1)' onMouseOut='coloreamosout(70,1)'>
  156.                     <th><span title="nu_usuario">Nº Usuario</span></th>
  157.                     <th><span title="telefono">Teléfono</span></th>
  158.                     <th><span title="nombre">Nombre</span></th>
  159.                     <th><span title="poblacion">Población</span></th>  
  160.                      </tr>
  161.                 </thead>
  162.                 <tbody>
  163.                 </tbody>
  164.             </table>
  165.                 </div>
  166.           </div>
  167.           <div class="TabbedPanelsContent"><table width="100%" id="data1">
  168.            <thead>
  169.   <tr>
  170.                     <th><span title="aparato"></span></th>
  171.                     <th><span title="marca"></span></th>
  172.                     <th><span title="modelo"></span></th>
  173.                     <th><span title="NUM_SERIE"></span></th>
  174.                     <th><span title="num_PRODUCTO"></span></th>
  175.                     <th><span title="FECHA_compra"></span></th>
  176.    </tr>
  177.                 </thead>
  178.                 <tbody>
  179.                 </tbody>
  180. </table>
  181. </div>
  182.           <div class="TabbedPanelsContent">
  183.            
  184.           <table cellpadding="0" cellspacing="0" id="data2">
  185.                 <thead>
  186.                   <tr>
  187.                     <th><span title="num_aviso"></span></th>
  188.                     <th><span title="num_usuario"></span></th>
  189.                     <th><span title="aparato"></span></th>
  190.                     <th><span title="calle"></span></th>
  191.                     <th><span title="fecha_recepcion"></span></th>
  192.                     <th><span title="fecha_recepcion"></span></th>
  193.                     <th><span title="sintoma"></span></th>
  194.                   </tr>
  195.                 </thead>
  196.                 <tbody>
  197.                 </tbody>
  198.               </table>            
  199.           </div>
  200. </div>
  201.       </div>
  202.       <table width="100%">
  203.         <tr>
  204. <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>
  205. </th>
  206.           <th scope="col">&nbsp;</th>
  207.           <th scope="col"></th>
  208.           <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>
  209.  </th>
  210.         </tr>
  211.       </table>
  212.     </div>
  213. </div>
  214. </div>
  215. <script type="text/javascript">
  216. var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
  217. </script>
  218. </body>
  219. </html>
  220. <?php
  221. mysql_free_result($Recordset1);
  222. ?>

Muchas gracias por tu paciencia.
Última edición por satjaen; 28/09/2012 a las 05:40