Funcion en Paneles

satjaen · #1 (**permalink**) 25/09/2012, 10:38

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<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="assets/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="assets/jqueryui/js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="assets/js/js.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="estilo1.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
  <script>  
function enviar_formulario(){ 
   document.form1.submit() 
} 
</script> 
 <script> 
function enviar_formulario1(){ 
  document.form1.reset();
} 
</script> 
<script> 
function enviar()
{   
var formulario = document.getElementById("");       
var dato = formulario[0];   
if (dato.value=="enviar"){      
alert("Enviando el formulario");        
formulario.submit();        
return true;    
} else {        
alert("No se envía el formulario");     
return false;   }}
</script> 
</head>
<body>
<div id="contenedor">
<div id="cabecera">Consulta de intervenciones</div>
<div id="tabla">
    <div id="formulario">
    <form id="frm_filtro" method="post" action="" name="">
            <table width="685">
  <tr>
    <td width="9%" class="campo_apellidos2">Teléfonos</td>
    <td width="9%"><input  name="telefono" type="text" size="9" /></td>
    <td width="9%"><input onkeydown="prueba(event)" name="telefono2" type="text" id="telefono2" size="9" /></td>
    <td width="9%"><input name="telefono3" type="text" id="telefono3" size="9" /></td>
    <td width="32%">&nbsp;</td>
    <td width="18%" class="campo_apellidos2">NIF</td>
    <td width="14%"><input name="NIF" type="text" id="NIF" size="9" /></td>
  </tr>
  <tr>
    <td class="campo_apellidos2">Nombre</td>
    <td colspan="4"><input name="nombre_apellidos" type="text" size="30" />
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td class="campo_apellidos2">Localidad</td>
    <td colspan="4"><input name="poblacion" type="text" size="30" />
      <span class="campo_apellidos2">C.Postal</span>      <input name="cod_postal" type="text" id="cod_postal" size="5" /></td>
    <td class="campo_apellidos2">Provincia</td>
    <td><input name="provincia" type="text" size="9" /></td>
  </tr>
  <tr>
    <td class="campo_apellidos2">Calle</td>
    <td colspan="4"><input name="calle" type="text" id="calle" size="45" />
      <span class="campo_apellidos2">Nº</span>      <input name="numero" type="text" id="numero" size="5" /></td>
    <td class="campo_apellidos2">Edificio</td>
    <td><input name="edificio" type="text" id="edificio" size="5" /></td>
  </tr>
  <tr>
    <td class="campo_apellidos2">Puerta</td>
    <td colspan="3"><input name="puerta" type="text" id="puerta" size="5" />
      <span class="campo_apellidos2">      Piso</span>
      <input name="piso" type="text" id="piso" size="5" />
      <span class="campo_apellidos2">Letra</span>        <input name="letra" type="text" id="letra" size="5" /></td>
    <td>&nbsp;</td>
    <td><span class="campo_apellidos2">Nº Mante.</span></td>
    <td><input name="mantenimiento" type="text" id="mantenimiento" size="5" /></td>
  </tr>
  </table>
  <table width="100%">
  <tr>
    <th scope="col"><button type="button"  id="btnfiltrar" name="btnfiltrar" style="border:0; margin:0; padding:0;cursor:pointer">
  <img src="imagenes_menu/boton_buscar.png"/>
</button>
</th>
  </tr>
</table>                
          </form>         
  
    </div>
    <div id="paneles">
      <div id="TabbedPanels1" class="TabbedPanels">
        <ul class="TabbedPanelsTabGroup">
          <li class="TabbedPanelsTab" tabindex="0">Usuarios</li>
          <li class="TabbedPanelsTab" tabindex="0">Aparatos</li>
          <li class="TabbedPanelsTab" tabindex="0">Intervenciones</li>
</ul>
        <div class="TabbedPanelsContentGroup">
          <div class="TabbedPanelsContent">
           <div id="usuario">
            <table width="100%" id="data" class="table-dg-grid" >
             <thead>
              <tr>
       <tr bgcolor=#DFEBFF id=t70 onclick='coloreaf(70,1)' onMouseOver='coloreamosin(70,1)' onMouseOut='coloreamosout(70,1)'>
                    <th><span title="num_usuario">Nº Usuario</span></th>
                    <th><span title="telefono">Teléfono</span></th>
                    <th><span title="nombre">Nombre</span></th>
                    <th><span title="poblacion">Población</span></th>  
                     </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
                </div>
          </div>
          <div class="TabbedPanelsContent"><table width="100%" id="data1">
           <thead>
  <tr>
                    <th><span title="aparato"></span></th>
                    <th><span title="marca"></span></th>
                    <th><span title="modelo"></span></th>
                    <th><span title="NUM_SERIE"></span></th>
                    <th><span title="num_PRODUCTO"></span></th>
                    <th><span title="FECHA_compra"></span></th>
   </tr>
                </thead>
                <tbody>
                </tbody>
</table>
</div>
          <div class="TabbedPanelsContent">
           
          <table cellpadding="0" cellspacing="0" id="data2">
                <thead>
                  <tr>
                    <th><span title="num_aviso"></span></th>
                    <th><span title="num_usuario"></span></th>
                    <th><span title="aparato"></span></th>
                    <th><span title="calle"></span></th>
                    <th><span title="fecha_recepcion"></span></th>
                    <th><span title="fecha_recepcion"></span></th>
                    <th><span title="sintoma"></span></th>
                  </tr>
                </thead>
                <tbody>
                </tbody>
              </table>            
          </div>
</div>
      </div>
      <table width="100%">
        <tr>
<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>
</th>
          <th scope="col">&nbsp;</th>
          <th scope="col"></th>
          <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>
 </th>
        </tr>
      </table>
    </div>
</div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</body>
</html>

satjaen · #2 (**permalink**) 26/09/2012, 01:45

Hola, hay alguien por aquí?

Hola, lo que quisiera es que la solapa:
<li class="TabbedPanelsTab" tabindex="0">Aparatos</li>
Automaticamente al pulsarla me hiciera un select php con una variable recogida de la anterior pestaña:
<li class="TabbedPanelsTab" tabindex="0">Usuarios</li>
Para saber los aparatos que el usuarios tiene en su domicilio.

No se si me explico.

satjaen · #3 (**permalink**) 27/09/2012, 08:46

Por favor, no hay nadie que me quiera contestar?

Dradi7 · #4 (**permalink**) 27/09/2012, 08:54

Para esto debes usar ajax busca informacion en la web existe muchos ejemplos lo unico que deberias hacer es crear un evento al momento de hacer click en tu panel para realizar el ajax.

Ejemplo:

Código HTML:

Ver original<li class="TabbedPanelsTab" tabindex="0" onclick="buscarAparatos();">Aparatos</li>

Código Javascript:

Ver originalfunction createAjax(){
   if (window.XMLHttpRequest)
   {
      xmlhttp=new XMLHttpRequest();
   }
   else
   {
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
}
 
function buscarAparato()
{
    createAjax();
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","buscarAparato.php",true);
    xmlhttp.send("ID=4");
}

satjaen · #5 (**permalink**) 28/09/2012, 01:11

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<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="assets/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="assets/jqueryui/js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="assets/js/js.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="estilo1.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function() {    
    $('.button').click(function(){
 
        //Añadimos la imagen de carga en el contenedor
        $('#content').html('<div><img src="imagenes_menu/ajax-loader.gif"/></div>');
 
        var page = $(this).attr('data');        
        var dataString = 'page='+page;
    
        $.ajax({
            type: "GET",
            url: "includes/archivo.php",
            data: dataString,
            success: function(data) {
                //Cargamos finalmente el contenido deseado
                $('#content').fadeIn(1000).html(data);
            }
        });
    });              
});    
</script>
  <script> 
function enviar_formulario(){ 
   document.form1.submit() 
} 
</script> 
 <script> 
function createAjax(){
   if (window.XMLHttpRequest)
   {
      xmlhttp=new XMLHttpRequest();
   }
   else
   {
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
}
 
function buscarAparatos()
{
    createAjax();
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","buscarAparato.php",true);
    xmlhttp.send("ID=4");
}
</script> 
 <script> 
function enviar_formulario1(){ 
  document.form1.reset();
} 
</script> 
<script> 
function enviar()
{   
var formulario = document.getElementById("");       
var dato = formulario[0];   
if (dato.value=="enviar"){      
alert("Enviando el formulario");        
formulario.submit();        
return true;    
} else {        
alert("No se envía el formulario");     
return false;   }}
</script> 
</head>
<body>
<div id="contenedor">
<div id="cabecera">Consulta de intervenciones</div>
<div id="tabla">
    <div id="formulario">
    <form id="frm_filtro" method="post" action="menu1.php" name="form1">
            <table width="685">
  <tr>
    <td width="9%" class="campo_apellidos2">Teléfonos</td>
    <td width="9%"><input name="telefono" type="text" size="9" /></td>
    <td width="9%"><input name="telefono2" type="text" id="telefono2" size="9" /></td>
    <td width="9%"><input name="telefono3" type="text" id="telefono3" size="9" /></td>
    <td width="32%">&nbsp;</td>
    <td width="18%" class="campo_apellidos2">NIF</td>
    <td width="14%"><input name="NIF" type="text" id="NIF" size="9" /></td>
  </tr>
  <tr>
    <td class="campo_apellidos2">Nombre</td>
    <td colspan="4"><input name="nombre_apellidos" type="text" size="30" />
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td class="campo_apellidos2">Localidad</td>
    <td colspan="4"><input name="poblacion" type="text" size="30" />
      <span class="campo_apellidos2">C.Postal</span>      <input name="cod_postal" type="text" id="cod_postal" size="5" /></td>
    <td class="campo_apellidos2">Provincia</td>
    <td><input name="provincia" type="text" size="9" /></td>
  </tr>
  <tr>
    <td class="campo_apellidos2">Calle</td>
    <td colspan="4"><input name="calle" type="text" id="calle" size="45" />
      <span class="campo_apellidos2">Nº</span>      <input name="numero" type="text" id="numero" size="5" /></td>
    <td class="campo_apellidos2">Edificio</td>
    <td><input name="edificio" type="text" id="edificio" size="5" /></td>
  </tr>
  <tr>
    <td class="campo_apellidos2">Puerta</td>
    <td colspan="3"><input name="puerta" type="text" id="puerta" size="5" />
      <span class="campo_apellidos2">      Piso</span>
      <input name="piso" type="text" id="piso" size="5" />
      <span class="campo_apellidos2">Letra</span>        <input name="letra" type="text" id="letra" size="5" /></td>
    <td>&nbsp;</td>
    <td><span class="campo_apellidos2">Nº Mante.</span></td>
    <td><input name="mantenimiento" type="text" id="mantenimiento" size="5" /></td>
  </tr>
  </table>
  <table width="100%">
  <tr>
    <th scope="col"><button type="button"  id="btnfiltrar" name="btnfiltrar" style="border:0; margin:0; padding:0;cursor:pointer">
  <img src="imagenes_menu/boton_buscar.png"/>
</button>
</th>
  </tr>
</table>                
          </form>         
  
    </div>
    <div id="paneles">
      <div id="TabbedPanels1" class="TabbedPanels">
        <ul class="TabbedPanelsTabGroup">
          <li class="TabbedPanelsTab" tabindex="0">Usuarios</li>
          <li class="TabbedPanelsTab" tabindex="0" onclick="buscarAparatos();">Aparatos</li>
          <li class="TabbedPanelsTab" tabindex="0">Intervenciones</li>
</ul>
        <div class="TabbedPanelsContentGroup">
          <div class="TabbedPanelsContent">
           <div id="usuario">
            <table width="100%" id="data" class="table-dg-grid" >
             <thead>
              <tr>
       <tr bgcolor=#DFEBFF id=t70 onclick='coloreaf(70,1)' onMouseOver='coloreamosin(70,1)' onMouseOut='coloreamosout(70,1)'>
                    <th><span title="nu_usuario">Nº Usuario</span></th>
                    <th><span title="telefono">Teléfono</span></th>
                    <th><span title="nombre">Nombre</span></th>
                    <th><span title="poblacion">Población</span></th>  
                     </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
                </div>
          </div>
          <div class="TabbedPanelsContent"><table width="100%" id="data1">
           <thead>
  <tr>
                    <th><span title="aparato"></span></th>
                    <th><span title="marca"></span></th>
                    <th><span title="modelo"></span></th>
                    <th><span title="NUM_SERIE"></span></th>
                    <th><span title="num_PRODUCTO"></span></th>
                    <th><span title="FECHA_compra"></span></th>
   </tr>
                </thead>
                <tbody>
                </tbody>
</table>
</div>
          <div class="TabbedPanelsContent">
           
          <table cellpadding="0" cellspacing="0" id="data2">
                <thead>
                  <tr>
                    <th><span title="num_aviso"></span></th>
                    <th><span title="num_usuario"></span></th>
                    <th><span title="aparato"></span></th>
                    <th><span title="calle"></span></th>
                    <th><span title="fecha_recepcion"></span></th>
                    <th><span title="fecha_recepcion"></span></th>
                    <th><span title="sintoma"></span></th>
                  </tr>
                </thead>
                <tbody>
                </tbody>
              </table>            
          </div>
</div>
      </div>
      <table width="100%">
        <tr>
<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>
</th>
          <th scope="col">&nbsp;</th>
          <th scope="col"></th>
          <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>
 </th>
        </tr>
      </table>
    </div>
</div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</body>
</html>
<?php
mysql_free_result($Recordset1);
?>

Muchas gracias por tu paciencia.

satjaen · #6 (**permalink**) 28/09/2012, 05:43

Por favor, ayuda.

Dradi7 · #7 (**permalink**) 28/09/2012, 09:30

mira si estas usando jQuery agregale a tu variable los demas parametros+

var dataString = 'page='+page+'&num_usuario='+num_usuario;

En caso que estes usando lo que yo te pase solamente cambiale al

xmlhttp.send("ID=4");

agregandole por ejemplo tu variable ya creada arriba

satjaen · #8 (**permalink**) 28/09/2012, 10:43

Hola, lo que estoy utilizando ya lo ves en el cod de#5 (permalink, pero te lo vuelvo a poner con la variable xmlhttp.send("ID=num_usuario"); para que por favor lo revises porque ya te digo al pulsar en Aparatos no me carga el php.

Código PHP:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="assets/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="assets/jqueryui/js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="assets/js/js.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="estilo1.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function() {    
    $('.button').click(function(){
 
        //Añadimos la imagen de carga en el contenedor
        $('#content').html('<div><img src="imagenes_menu/ajax-loader.gif"/></div>');
 
        var page = $(this).attr('data');        
        var dataString = 'page='+page;
    
        $.ajax({
            type: "GET",
            url: "includes/archivo.php",
            data: dataString,
            success: function(data) {
                //Cargamos finalmente el contenido deseado
                $('#content').fadeIn(1000).html(data);
            }
        });
    });              
});    
</script>
  <script> 
function enviar_formulario(){ 
   document.form1.submit() 
} 
</script> 
 <script> 
function createAjax(){
   if (window.XMLHttpRequest)
   {
      xmlhttp=new XMLHttpRequest();
   }
   else
   {
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
}
 
function buscarAparatos()
{
    createAjax();
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","buscarAparato.php",true);
    xmlhttp.send("ID=num_usuario");
}
</script> 
 <script> 
function enviar_formulario1(){ 
  document.form1.reset();
} 
</script> 
<script> 
function enviar()
{   
var formulario = document.getElementById("");       
var dato = formulario[0];   
if (dato.value=="enviar"){      
alert("Enviando el formulario");        
formulario.submit();        
return true;    
} else {        
alert("No se envía el formulario");     
return false;   }}
</script> 
</head>
<body>
<div id="contenedor">
<div id="cabecera">Consulta de intervenciones</div>
<div id="tabla">
    <div id="formulario">
    <form id="frm_filtro" method="post" action="menu1.php" name="form1">
            <table width="685">
  <tr>
    <td width="9%" class="campo_apellidos2">Teléfonos</td>
    <td width="9%"><input name="telefono" type="text" size="9" /></td>
    <td width="9%"><input name="telefono2" type="text" id="telefono2" size="9" /></td>
    <td width="9%"><input name="telefono3" type="text" id="telefono3" size="9" /></td>
    <td width="32%">&nbsp;</td>
    <td width="18%" class="campo_apellidos2">NIF</td>
    <td width="14%"><input name="NIF" type="text" id="NIF" size="9" /></td>
  </tr>
  <tr>
    <td class="campo_apellidos2">Nombre</td>
    <td colspan="4"><input name="nombre_apellidos" type="text" size="30" />
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td class="campo_apellidos2">Localidad</td>
    <td colspan="4"><input name="poblacion" type="text" size="30" />
      <span class="campo_apellidos2">C.Postal</span>      <input name="cod_postal" type="text" id="cod_postal" size="5" /></td>
    <td class="campo_apellidos2">Provincia</td>
    <td><input name="provincia" type="text" size="9" /></td>
  </tr>
  <tr>
    <td class="campo_apellidos2">Calle</td>
    <td colspan="4"><input name="calle" type="text" id="calle" size="45" />
      <span class="campo_apellidos2">Nº</span>      <input name="numero" type="text" id="numero" size="5" /></td>
    <td class="campo_apellidos2">Edificio</td>
    <td><input name="edificio" type="text" id="edificio" size="5" /></td>
  </tr>
  <tr>
    <td class="campo_apellidos2">Puerta</td>
    <td colspan="3"><input name="puerta" type="text" id="puerta" size="5" />
      <span class="campo_apellidos2">      Piso</span>
      <input name="piso" type="text" id="piso" size="5" />
      <span class="campo_apellidos2">Letra</span>        <input name="letra" type="text" id="letra" size="5" /></td>
    <td>&nbsp;</td>
    <td><span class="campo_apellidos2">Nº Mante.</span></td>
    <td><input name="mantenimiento" type="text" id="mantenimiento" size="5" /></td>
  </tr>
  </table>
  <table width="100%">
  <tr>
    <th scope="col"><button type="button"  id="btnfiltrar" name="btnfiltrar" style="border:0; margin:0; padding:0;cursor:pointer">
  <img src="imagenes_menu/boton_buscar.png"/>
</button>
</th>
  </tr>
</table>                
          </form>         
  
    </div>
    <div id="paneles">
      <div id="TabbedPanels1" class="TabbedPanels">
        <ul class="TabbedPanelsTabGroup">
          <li class="TabbedPanelsTab" tabindex="0">Usuarios</li>
          <li class="TabbedPanelsTab" tabindex="0" onclick="buscarAparatos();">Aparatos</li>
          <li class="TabbedPanelsTab" tabindex="0">Intervenciones</li>
</ul>
        <div class="TabbedPanelsContentGroup">
          <div class="TabbedPanelsContent">
           <div id="usuario">
            <table width="100%" id="data" class="table-dg-grid" >
             <thead>
              <tr>
       <tr bgcolor=#DFEBFF id=t70 onclick='coloreaf(70,1)' onMouseOver='coloreamosin(70,1)' onMouseOut='coloreamosout(70,1)'>
                    <th><span title="nu_usuario">Nº Usuario</span></th>
                    <th><span title="telefono">Teléfono</span></th>
                    <th><span title="nombre">Nombre</span></th>
                    <th><span title="poblacion">Población</span></th>  
                     </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
                </div>
          </div>
          <div class="TabbedPanelsContent">
           <div id="aparato">
          <table width="100%" id="data1">
           <thead>
  <tr>
   <tr bgcolor=#DFEBFF id=t70 onclick='coloreaf(70,1)' onMouseOver='coloreamosin(70,1)' onMouseOut='coloreamosout(70,1)'>
                    <th><span title="aparato">Aparato</span></th>
                    <th><span title="marca">Marca</span></th>
                    <th><span title="modelo">Modelo</span></th>
                    <th><span title="NUM_SERIE">Nº Serie</span></th>
                    <th><span title="num_PRODUCTO">Cod/12NC</span></th>
                    <th><span title="FECHA_compra">F.Compra</span></th>
   </tr>
                </thead>
                <tbody>
                </tbody> 
</table>
</div>
</div>
          <div class="TabbedPanelsContent">
           
          <table cellpadding="0" cellspacing="0" id="data2">
                <thead>
                  <tr>
                    <th><span title="num_aviso"></span></th>
                    <th><span title="num_usuario"></span></th>
                    <th><span title="aparato"></span></th>
                    <th><span title="calle"></span></th>
                    <th><span title="fecha_recepcion"></span></th>
                    <th><span title="fecha_recepcion"></span></th>
                    <th><span title="sintoma"></span></th>
                  </tr>
                </thead>
                <tbody>
                </tbody>
              </table>            
          </div>
</div>
      </div>
      <table width="100%">
        <tr>
<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>
</th>
          <th scope="col">&nbsp;</th>
          <th scope="col"></th>
          <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>
 </th>
        </tr>
      </table>
    </div>
</div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</body>
</html>
<?php
mysql_free_result($Recordset1);
?>

Dradi7 · #9 (**permalink**) 28/09/2012, 15:06

es que tu error esta que estas pasandolo todo como texto

deberia ser asi

"ID=" + num_usuario

satjaen · #10 (**permalink**) 28/09/2012, 16:43

Dradi7, es que me he liado.....no se si la function createAjax tiene que ir en el cod index del formulario o en el cod js, porque la variable num_usuario la tengo en cod js?

Te pongo el

index.php

Código PHP:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script type="text/javascript" src="assets/js/jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="assets/jqueryui/js/jquery-ui-1.8.16.custom.min.js"></script> 
<script type="text/javascript" src="assets/js/js.js"></script> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Documento sin título</title> 
<link href="estilo1.css" rel="stylesheet" type="text/css" /> 
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script> 
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" /> 
<script> 
function createAjax(){ 
   if (window.XMLHttpRequest) 
   { 
      xmlhttp=new XMLHttpRequest(); 
   } 
   else 
   { 
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
   } 
} 
  
function buscarAparatos() 
{ 
    createAjax(); 
    xmlhttp.onreadystatechange=function() 
    { 
        if (xmlhttp.readyState==4 && xmlhttp.status==200) 
        { 
            document.getElementById("myDiv").innerHTML=xmlhttp.responseText; 
        } 
    } 
    xmlhttp.open("GET","tabla_bus_avisos.php",true); 
    xmlhttp.send("ID=" + num_usuario); 
} 
</script> 
</head> 
<body> 
<div id="contenedor"> 
<div id="cabecera">Consulta de intervenciones</div> 
<div id="tabla"> 
    <div id="formulario"> 
    <form id="frm_filtro" method="post" action="menu1.php" name="form1"> 
            <table width="685"> 
  <tr> 
    <td width="9%" class="campo_apellidos2">Teléfonos</td> 
    <td width="9%"><input name="telefono" type="text" size="9" /></td> 
    <td width="9%"><input name="telefono2" type="text" id="telefono2" size="9" /></td> 
    <td width="9%"><input name="telefono3" type="text" id="telefono3" size="9" /></td> 
    <td width="32%">&nbsp;</td> 
    <td width="18%" class="campo_apellidos2">NIF</td> 
    <td width="14%"><input name="NIF" type="text" id="NIF" size="9" /></td> 
  </tr> 
  <tr> 
    <td class="campo_apellidos2">Nombre</td> 
    <td colspan="4"><input name="nombre_apellidos" type="text" size="30" /> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
  </tr> 
  <tr> 
    <td class="campo_apellidos2">Localidad</td> 
    <td colspan="4"><input name="poblacion" type="text" size="30" /> 
      <span class="campo_apellidos2">C.Postal</span>      <input name="cod_postal" type="text" id="cod_postal" size="5" /></td> 
    <td class="campo_apellidos2">Provincia</td> 
    <td><input name="provincia" type="text" size="9" /></td> 
  </tr> 
  <tr> 
    <td class="campo_apellidos2">Calle</td> 
    <td colspan="4"><input name="calle" type="text" id="calle" size="45" /> 
      <span class="campo_apellidos2">Nº</span>      <input name="numero" type="text" id="numero" size="5" /></td> 
    <td class="campo_apellidos2">Edificio</td> 
    <td><input name="edificio" type="text" id="edificio" size="5" /></td> 
  </tr> 
  <tr> 
    <td class="campo_apellidos2">Puerta</td> 
    <td colspan="3"><input name="puerta" type="text" id="puerta" size="5" /> 
      <span class="campo_apellidos2">      Piso</span> 
      <input name="piso" type="text" id="piso" size="5" /> 
      <span class="campo_apellidos2">Letra</span>        <input name="letra" type="text" id="letra" size="5" /></td> 
    <td>&nbsp;</td> 
    <td><span class="campo_apellidos2">Nº Mante.</span></td> 
    <td><input name="mantenimiento" type="text" id="mantenimiento" size="5" /></td> 
  </tr> 
  </table> 
  <table width="100%"> 
  <tr> 
    <th scope="col"><button type="button"  id="btnfiltrar" name="btnfiltrar" style="border:0; margin:0; padding:0;cursor:pointer"> 
  <img src="imagenes_menu/boton_buscar.png"/> 
</button> 
</th> 
  </tr> 
</table>                 
          </form>          
   
    </div> 
    <div id="paneles"> 
      <div id="TabbedPanels1" class="TabbedPanels"> 
        <ul class="TabbedPanelsTabGroup"> 
          <li class="TabbedPanelsTab" tabindex="0">Usuarios</li> 
          <li class="TabbedPanelsTab" tabindex="0" onclick="buscarAparatos();">Aparatos</li> 
          <li class="TabbedPanelsTab" tabindex="0">Intervenciones</li> 
</ul> 
        <div class="TabbedPanelsContentGroup"> 
          <div class="TabbedPanelsContent"> 
           <div id="usuario"> 
            <table width="100%" id="data" class="table-dg-grid" > 
             <thead> 
              <tr> 
       <tr bgcolor=#DFEBFF id=t70 ondblclick='coloreaf(70,1)' onMouseOver='coloreamosin(70,1)' onMouseOut='coloreamosout(70,1)'> 
                   <th><span title="selecc">Selecc.</span></th> 
                    <th><span title="nu_usuario">Nº Usuario</span></th> 
                    <th><span title="telefono">Teléfono</span></th> 
                    <th><span title="nombre">Nombre</span></th> 
                    <th><span title="poblacion">Población</span></th>   
                     </tr> 
                </thead> 
                <tbody> 
                </tbody> 
            </table> 
                </div> 
          </div> 
          <div class="TabbedPanelsContent"> 
           <div id="aparato"> 
          <table width="100%" id="data1"> 
           <thead> 
  <tr> 
   <tr bgcolor=#DFEBFF id=t70 onclick='coloreaf(70,1)' onMouseOver='coloreamosin(70,1)' onMouseOut='coloreamosout(70,1)'> 
                    <th><span title="aparato">Aparato</span></th> 
                    <th><span title="marca">Marca</span></th> 
                    <th><span title="modelo">Modelo</span></th> 
                    <th><span title="NUM_SERIE">Nº Serie</span></th> 
                    <th><span title="num_PRODUCTO">Cod/12NC</span></th> 
                    <th><span title="FECHA_compra">F.Compra</span></th> 
   </tr> 
                </thead> 
                <tbody> 
                </tbody>  
</table> 
</div> 
</div> 
          <div class="TabbedPanelsContent"> 
            
          <table cellpadding="0" cellspacing="0" id="data2"> 
                <thead> 
                  <tr> 
                    <th><span title="num_aviso"></span></th> 
                    <th><span title="num_usuario"></span></th> 
                    <th><span title="aparato"></span></th> 
                    <th><span title="calle"></span></th> 
                    <th><span title="fecha_recepcion"></span></th> 
                    <th><span title="fecha_recepcion"></span></th> 
                    <th><span title="sintoma"></span></th> 
                  </tr> 
                </thead> 
                <tbody> 
                </tbody> 
              </table>             
          </div> 
</div> 
      </div> 
      <table width="100%"> 
        <tr> 
<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> 
</th> 
          <th scope="col">&nbsp;</th> 
          <th scope="col"></th> 
          <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> 
 </th> 
        </tr> 
      </table> 
    </div> 
</div> 
</div> 
<script type="text/javascript"> 
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1"); 
</script> 
</body> 
</html> 
<?php 
mysql_free_result($Recordset1); 
?>

satjaen · #11 (**permalink**) 28/09/2012, 16:43

y el js

Código Javascript:

Ver original// JavaScript Document
var ordenar = '';
$(document).ready(function(){
    
    // Llamando a la funcion de busqueda al
    // cargar la pagina
    filtrar()
    
    var dates = $( "#del, #al" ).datepicker({
            yearRange: "-50",
            defaultDate: "+1w",
            changeMonth: true,
            changeYear: true,
            onSelect: function( selectedDate ) {
                var option = this.id == "del" ? "minDate" : "maxDate",
                    instance = $( this ).data( "datepicker" ),
                    date = $.datepicker.parseDate(
                        instance.settings.dateFormat ||
                        $.datepicker._defaults.dateFormat,
                        selectedDate, instance.settings );
                dates.not( this ).datepicker( "option", option, date );
            }
    });
    
    // filtrar al darle click al boton
    $("#btnfiltrar").click(function(){ filtrar() });
    
    // boton cancelar
    $("#btncancel").click(function(){ 
        $(".filtro input").val('')
        $(".filtro select").find("option[value='0']").attr("selected",true)
        filtrar() 
    });
    
    // ordenar por
    $("#data th span").click(function(){
        var orden = '';
        if($(this).hasClass("desc"))
        {
            $("#data th span").removeClass("desc").removeClass("asc")
            $(this).addClass("asc");
            ordenar = "&orderby="+$(this).attr("title")+" asc"      
        }else
        {
            $("#data th span").removeClass("desc").removeClass("asc")
            $(this).addClass("desc");
            ordenar = "&orderby="+$(this).attr("title")+" desc"
        }
        filtrar()
    });
});
 
var fila= null;
function pulsar(obj, num_usuario) {
  obj.style.background = 'orange';
  if (fila != null && fila != obj)
    fila.style.background = 'white';
  fila = obj;
 window.location ="menu1.php?id="+num_usuario;
}
function filtrar()
{   
    $.ajax({
        data: $("#frm_filtro").serialize()+ordenar,
        type: "POST",
        dataType: "json",
        url: "ajax.php?action=listar",
            success: function(data){ 
    var html_user ='' ;
    if(data.length > 0){ 
        $.each(data, function(i,item){ 
        
        
         
 html_user += '<tr ondblclick="pulsar(this, ' +  String.fromCharCode(39) + item.num_usuario + String.fromCharCode(39)  + ');" >';
 html_user += '<td >'+<input name="s" type="radio" value=""/>+'</td>';
 html_user += '<td >'+item.num_usuario+'</td>';
 html_user += '<td>'+item.telefono+'</td>';
 html_user += '<td>'+item.nombre+' '+item.apellidos+'</td>';
 html_user += '<td>'+item.poblacion+'</td>';
 html_user += '</tr>';
            
                                  
        });                     
    } 
    if(html_user == '') html_user = '<tr><td colspan="4" align="center">No se encontraron registros..</td></tr>';
    $("#data tbody").html(html_user); 
}
 
            
      });
}

Gracias de nuevo.

Dradi7 · #12 (**permalink**) 28/09/2012, 22:17

Primero todo codigo JavaScript debe de ir en un archivo aparte luego

luego en ese archivo debes capturar el num_usuario y poder usar el ajax

Saludos

satjaen · #13 (**permalink**) 29/09/2012, 03:29

Hola, he separado el index.php del js.js, pero no consigo llamar la funcion desde el panel en la pestaña Aparatos:

<li class="TabbedPanelsTab" tabindex="0" onclick="buscarAparatos();">Aparatos</li>

y el js

Código Javascript:

Ver original// JavaScript Document
var ordenar = '';
$(document).ready(function(){
    
    // Llamando a la funcion de busqueda al
    // cargar la pagina
    filtrar()
    
    var dates = $( "#del, #al" ).datepicker({
            yearRange: "-50",
            defaultDate: "+1w",
            changeMonth: true,
            changeYear: true,
            onSelect: function( selectedDate ) {
                var option = this.id == "del" ? "minDate" : "maxDate",
                    instance = $( this ).data( "datepicker" ),
                    date = $.datepicker.parseDate(
                        instance.settings.dateFormat ||
                        $.datepicker._defaults.dateFormat,
                        selectedDate, instance.settings );
                dates.not( this ).datepicker( "option", option, date );
            }
    });
    
    // filtrar al darle click al boton
    $("#btnfiltrar").click(function(){ filtrar() });
    
    // boton cancelar
    $("#btncancel").click(function(){ 
        $(".filtro input").val('')
        $(".filtro select").find("option[value='0']").attr("selected",true)
        filtrar() 
    });
    
    // ordenar por
    $("#data th span").click(function(){
        var orden = '';
        if($(this).hasClass("desc"))
        {
            $("#data th span").removeClass("desc").removeClass("asc")
            $(this).addClass("asc");
            ordenar = "&orderby="+$(this).attr("title")+" asc"      
        }else
        {
            $("#data th span").removeClass("desc").removeClass("asc")
            $(this).addClass("desc");
            ordenar = "&orderby="+$(this).attr("title")+" desc"
        }
        filtrar()
    });
});
 
var fila= null;
function pulsar(obj, num_usuario) {
  obj.style.background = 'orange';
  if (fila != null && fila != obj)
    fila.style.background = 'white';
  fila = obj;
 window.location ="menu1.php?id="+num_usuario;
}
function filtrar()
{   
    $.ajax({
        data: $("#frm_filtro").serialize()+ordenar,
        type: "POST",
        dataType: "json",
        url: "ajax.php?action=listar",
            success: function(data){ 
    var html_user ='' ;
    if(data.length > 0){ 
        $.each(data, function(i,item){ 
        
        
         
 html_user += '<tr ondblclick="pulsar(this, ' +  String.fromCharCode(39) + item.num_usuario + String.fromCharCode(39)  + ');" >';
 html_user += '<td ><input name="s" type="radio" value=""/></td>';
 html_user += '<td >'+item.num_usuario+'</td>';
 html_user += '<td>'+item.telefono+'</td>';
 html_user += '<td>'+item.nombre+' '+item.apellidos+'</td>';
 html_user += '<td>'+item.poblacion+'</td>';
 html_user += '</tr>';
            
                                  
        });                     
    } 
    if(html_user == '') html_user = '<tr><td colspan="4" align="center">No se encontraron registros..</td></tr>';
    $("#data tbody").html(html_user); 
}
 
            
      });
}
function createAjax(){
   if (window.XMLHttpRequest)
   {
      xmlhttp=new XMLHttpRequest();
   }
   else
   {
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
}
 
function buscarAparatos()
{
    createAjax();
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","tabla_bus_avisos.php",true);
    xmlhttp.send("ID=" + num_usuario);
}

Por favor, ayudaaaaaaa.

Dradi7 · #14 (**permalink**) 29/09/2012, 18:40

el problema esta de donde vas a tomar el num_usuario si no se encuentra declarado, ademas la variale num_usuario se repite varias veces porque se va a mostrar en varias filas lo conveniente seria que por cada fila se llama la funcion buscarAparato, en todo caso se mas especifico con lo que estas queriendo hacer

satjaen · #15 (**permalink**) 30/09/2012, 03:46

Buenos dias, el num_usuario lo recojo de la pestaña usuarios.En la pestaña usuarios tengo un formulario donde puedo buscar por nº de teléfono, poblacion etc... y es ahí donde hay un div donde me salen varios usuarios, entonces yo selecciono el que quiera con un:

Ejemplo:
html_user += '<td ><input name="s" type="radio" value="+item.num_usuario+"/></td>';

y despues paso a pulsar la pestaña Aparatos.

<li class="TabbedPanelsTab" tabindex="0" onclick="buscarAparatos();">Aparatos</li>

He cambiado algunas cosas pero no se si están bien?

Código Javascript:

Ver originalfunction buscarAparatos()
{
    createAjax();
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("pestaña1").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","tabla_bus_avisos.php",true);
    xmlhttp.send("ID=" + num_usuario);
}

Código PHP:

Ver original<li class="TabbedPanelsTab" tabindex="0" onclick="buscarAparatos();">Aparatos</li>

Código PHP:

Ver original<div class="TabbedPanelsContent" id="pestaña1" >
           <div id="aparato">
          <table width="100%">
           <thead>
  <tr>
   <tr bgcolor=#DFEBFF id=t70 onclick='coloreaf(70,1)' onMouseOver='coloreamosin(70,1)' onMouseOut='coloreamosout(70,1)'>
                    <th><span title="aparato">Aparato</span></th>
                    <th><span title="marca">Marca</span></th>
                    <th><span title="modelo">Modelo</span></th>
                    <th><span title="NUM_SERIE">Nº Serie</span></th>
                    <th><span title="num_PRODUCTO">Cod/12NC</span></th>
                    <th><span title="FECHA_compra">F.Compra</span></th>
   </tr>
                </thead>
                <tbody>
                </tbody> 
</table>
</div>
</div>

Como ya he indicado anteriormente.
Si necesitas mas aclaraciones por favor no dudes en decirmelo.Gracias

Dradi7 · #16 (**permalink**) 30/09/2012, 14:06

Entonces lo que entiendo es que por cada fila existe un input radio para seleccionar uno eso es lo que entiendo.

Primero agrega a tu input radio un name en comun como por ejemplo demo

Entonces en tu función buscarAparatos agrega lo siguiente

Código Javascript:

Ver originalfunction buscarAparatos()
{
    var num_usuario = 0;
    var elements = document.getElementsByName('demo');
    
    for(var x=0;elements[x];x++){
        if(elements[x].checked){
            num_usuario = elements[x].value;
            break;
        }
    }
    
    createAjax();
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("pestaña1").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","tabla_bus_avisos.php",true);
    xmlhttp.send("ID=" + num_usuario);
}

satjaen · #17 (**permalink**) 30/09/2012, 15:28

Gracias Dradi7, pero un pregunta para recoger el valor num_usuario en el php lo hago así:

Código PHP:

  $num_usuario=$_GET['ID']; 
mysql_select_db($database_conexion, $conexion); 
$query_Recordset1 = "SELECT * FROM ap_usuarios where num_usuario like '$num_usuario'"; 
$Recordset1 = mysql_query($query_Recordset1, $conexion) or die(mysql_error()); 
$row_Recordset1 = mysql_fetch_assoc($Recordset1); 
$totalRows_Recordset1 = mysql_num_rows($Recordset1);

Es que no funciona.

Dradi7 · #18 (**permalink**) 30/09/2012, 15:40

es que tienes un error cuando tu uses POST debes pasar las variables a traves de

xmlhttp.send("ID=" + num_usuario);

Si fuera GET debes usar lo siguiente

xmlhttp.open("GET","tabla_bus_avisos.php?ID=" + num_usuario,true);
xmlhttp.send(null);

satjaen · #19 (**permalink**) 30/09/2012, 16:46

Perdona, pero no me sale:

Código Javascript:

Ver originalfunction filtrar()
{   
    $.ajax({
        data: $("#frm_filtro").serialize()+ordenar,
        type: "POST",
        dataType: "json",
        url: "ajax.php?action=listar",
            success: function(data){ 
    var html_user ='' ;
    if(data.length > 0){ 
        $.each(data, function(i,item){ 
        
        
         
 html_user += '<tr ondblclick="pulsar(this, ' +  String.fromCharCode(39) + item.num_usuario + String.fromCharCode(39)  + ');" >';
 html_user += '<td ><input name="demo" type="radio" value="demo"/></td>';
 html_user += '<td >'+item.num_usuario+'</td>';
 html_user += '<td>'+item.telefono+'</td>';
 html_user += '<td>'+item.nombre+' '+item.apellidos+'</td>';
 html_user += '<td>'+item.poblacion+'</td>';
 html_user += '</tr>';
            
                                  
        });                     
    } 
    if(html_user == '') html_user = '<tr><td colspan="4" align="center">No se encontraron registros..</td></tr>';
    $("#data tbody").html(html_user); 
}
 
            
      });
}
 
function createAjax(){
   if (window.XMLHttpRequest)
   {
      xmlhttp=new XMLHttpRequest();
   }
   else
   {
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
}
 
function buscarAparatos()
{
    var num_usuario = 0;
    var elements = document.getElementsByName('demo');
    
    for(var x=0;elements[x];x++){
        if(elements[x].checked){
            num_usuario = elements[x].value;
            break;
        }
    }
    
    createAjax();
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("pestaña1").innerHTML=xmlhttp.responseText;
        }
    }
   xmlhttp.open("GET","listado_aparatos.php?ID=" + num_usuario,true);
   xmlhttp.send(null);
}

y lo paso por GET:

Código PHP:

  $num_usuario=$_GET['id'];
mysql_select_db($database_conexion, $conexion);
$query_Recordset1 = "SELECT * FROM ap_usuarios where num_usuario like '$num_usuario'";
$Recordset1 = mysql_query($query_Recordset1, $conexion) or die(mysql_error());
$row_Recordset1 = mysql_fetch_assoc($Recordset1);
$totalRows_Recordset1 = mysql_num_rows($Recordset1);

satjaen · #20 (**permalink**) 01/10/2012, 04:48

Por favor, puede ayudarme alguien?
Puede ser que tenga esto mal? html_user += '<td ><input name="demo" type="radio" value="demo"/></td>';

IES6412 · #21 (**permalink**) 02/10/2012, 14:53

si entiendo tu problema?

por ejemplo. en el primer panel tiene nombre
en el segundo cualquier cosa1.
en el tercero cualquiercosa2
correcto?

y mientras no llenes el panel 1 no puedes pasar al panel 2? y así sustantivamente.

satjaen · #22 (**permalink**) 02/10/2012, 15:37

Hola, no te explico:

1º Pestaña Usarios:

- Selecciono con un input radio el usuario que yo quiera una vez que lo he buscado por nº teléfono,localidad etc..

2º Pestaña Aparatos:

- Pulsando en la pestaña Aparatos del usuario elegido me aparecen los aparatos que tienen el usuario
que he pasado con el input radio y la variable num_usuario.

Me explico?

satjaen · #23 (**permalink**) 03/10/2012, 00:50

Dradi7 estas por ahí?

Dradi7 · #24 (**permalink**) 03/10/2012, 00:56

Mira lo que estas haciendo aca

xmlhttp.open("GET","listado_aparatos.php?ID=" + num_usuario,true);

y aca

$num_usuario=$_GET['id'];

debes respetar siempre mayusculas y minisculas entonces esto deberia ser asi

$num_usuario=$_GET['ID'];

satjaen · #25 (**permalink**) 03/10/2012, 01:07

Buenos dias, tampoco funciona con $num_usuario=$_GET['ID']; , ya lo he probado.
Creo que puede ser que este mal el input html_user += '<td ><input name="demo" type="radio" value="demo"/></td>';, que no me esta mandando al php nada.
Puede ser?

Dradi7 · #26 (**permalink**) 03/10/2012, 01:28

Bueno supongo que primero estas cargando la funcion fitrar, luego de esto presionas un input radio y luego de esto debes llamar la funcion de buscarAparato

Saludos

satjaen · #27 (**permalink**) 03/10/2012, 01:31

OK, asi lo hago.Y sin embargo con la funcion pulsar si funciona perfectamente:

Código Javascript:

Ver originalvar fila= null;
function pulsar(obj, num_usuario) {
  obj.style.background = 'orange';
  if (fila != null && fila != obj)
    fila.style.background = 'white';
  fila = obj;
 window.location ="menu1.php?id="+num_usuario;
}
function filtrar()
{   
    $.ajax({
        data: $("#frm_filtro").serialize()+ordenar,
        type: "POST",
        dataType: "json",
        url: "ajax.php?action=listar",
            success: function(data){ 
    var html_user ='' ;
    if(data.length > 0){ 
        $.each(data, function(i,item){ 
        
        
         
 html_user += '<tr ondblclick="pulsar(this, ' +  String.fromCharCode(39) + item.num_usuario + String.fromCharCode(39)  + ');" >';
 html_user += '<td ><input name="demo" type="radio" value="demo"/></td>';
 html_user += '<td >'+item.num_usuario+'</td>';
 html_user += '<td>'+item.telefono+'</td>';
 html_user += '<td>'+item.nombre+' '+item.apellidos+'</td>';
 html_user += '<td>'+item.poblacion+'</td>';
 html_user += '</tr>';
            
                                  
        });                     
    } 
    if(html_user == '') html_user = '<tr><td colspan="4" align="center">No se encontraron registros..</td></tr>';
    $("#data tbody").html(html_user);
}
 
            
      });
}
 
function createAjax(){
   if (window.XMLHttpRequest)
   {
      xmlhttp=new XMLHttpRequest();
   }
   else
   {
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
}
 
function buscarAparatos()
{
    var num_usuario = 0;
    var elements = document.getElementsByName('demo');
    
    for(var x=0;elements[x];x++){
        if(elements[x].checked){
            num_usuario = elements[x].value;
            break;
        }
    }
    
    createAjax();
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("pestaña1").innerHTML=xmlhttp.responseText;
        }
    }
   xmlhttp.open("GET","listado_aparatos.php?ID=" + num_usuario,true);
   xmlhttp.send(null);
}

Dradi7 · #28 (**permalink**) 03/10/2012, 02:12

tienes asignada correctamente la funcion pulsar

satjaen · #29 (**permalink**) 03/10/2012, 02:34

Dradi7, ya se que funciona bien la funcion pulsar es la funcion buscarAparatos la que no funciona.

Dradi7 · #30 (**permalink**) 03/10/2012, 02:39

perdon me equivoce es la funcion buscarAparatos, te puedes fijar si te genera error usando el inspector de google chrome o el firebug de mozilla

Saludos