La variable es num_usuario, y la tengo en un formulario llamado index.php en el cual puedo buscar por nº de teléfono, localidad etc. El caso es que en este index.php tengo dos solapas, una llamada Usuarios y otra Aparatos.En la primera solapa Usuarios me salen en un div un listado de los usuarios buscados, y luego con un input radio html_user += '<td ><input name="demo" type="radio" value=""/></td>';, selecciono el usuario que yo quiera y paso la variable num_usuario a la pestaña Aparatos para que me liste en otro div llamado pestaña1 los aparatos que tiene el usuario que anteriormente habia seleccionado con el input radio.El problema está en que cuando selecciono el input y pincho en la pestaña Aparatos, solo me sale el php llamado listado_aparatos.php sin nigún dato.
Agradecería algún comentario.
index.php
Código
<!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" /> <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 mostrar(){ $('#cover').html('<img src="cargando.gif">'); var pos_url = 'datos.php'; var req = new XMLHttpRequest(); if (req) { req.onreadystatechange = function() { if (req.readyState == 4 && (req.status == 200 || req.status == 304)) { document.getElementById('cover').innerHTML = req.responseText;}} req.send(null);}} </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="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%"> </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> </td> <td> </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> </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="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" id="pestaña1" > </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"> </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>
js.js
Código
// 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="demo" 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() { 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); }