Funcion en Paneles

satjaen · #31 (**permalink**) 03/10/2012, 02:43

Como se hace eso?
No me manda nigun error simplemente se abre el div de listado_aparatos.php de la pestaña Aparatos, pero sin datos.

Dradi7 · #32 (**permalink**) 03/10/2012, 03:05

y entonces como hace para testear tu codigo no lo puedes testear de la nada

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

Bueno, yo utilizo Dreamweaver CS5.5

satjaen · #34 (**permalink**) 03/10/2012, 08:20

Por favor, espero respuesta.

No será que tengo que poner algún valor en input?

html_user += '<td ><input name="demo" type="radio" value=""/></td>';

O a lo mejor en el div pestaña1 de Aparatos donde recibo el php tengo tambien que poner algo?

<div class="TabbedPanelsContent" id="pestaña1" >

</div>

He modificado el cod, he quitado la funcionAparatos y he puesto esto en el input:

Código Javascript:

Ver originalhtml_user += '<td ><input name="demo" type="radio" onclick="pulsar1()" /></td>';
 
 
 
function pulsar1()
{
    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);
}

Pero sigue sin llevarme el valor de num_usuario al php:

Código PHP:

Ver original$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);

Puede ser que el php tenga que recoger el num_usuario de otra forma?

Hay alguien por ahí?

satjaen · #35 (**permalink**) 03/10/2012, 17:14

Buenos dias, como veo que no me contesta nadie, pienso que no me explico lo suficiente o que no estoy en el foro adecuado. Por favor hago algunas aclaraciones para que se me entienda un poco mejor. Necesito saber como puedo pasar una variable de un archivo js a un php.
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 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 mostrar(){
$('#cover').html('<img src="cargando.gif">');
var define ="nada"
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.open('GET', pos_url +'?define='+define,true);
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%">&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="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">&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 · #36 (**permalink**) 04/10/2012, 02:22

js.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="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);
}

Dradi7 · #37 (**permalink**) 04/10/2012, 08:36

bueno hay cosas sencillas que no necesitas que te digan TODO para que lo hagas

primero al final de esta linea de codigo

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;
}
}

puedes hacer un alert(num_usuario) para ver si te esta devolviendo un valor.

Ademas los input radio no tienen ningun valor entonces que van a retornar??? debes ingresarles el valor al momento de que se estan generando haciendo asi

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

Estas son cosas tan sencillas que cualquier programador se pudiera dar cuenta.

Saludos

satjaen · #38 (**permalink**) 04/10/2012, 09:01

Hola Dadri7, como veras en el #20 (permalink),#25 (permalink) , pregunte si el problema estaba aquí:
html_user += '<td ><input name="demo" type="radio" value="' + item.num_usuario + '"/></td>';

No soy programador, estoy aprendiendo, pero parece que no soy el único porque de las 353 visitas parece ser que el único que se a dado cuenta has sido tú.
Gracias.

Dradi7 · #39 (**permalink**) 04/10/2012, 09:05

Por favor confirmame esto ya que el tema se esta haciendo bastante largo para un tema tan sencillo que talvez no supiste especificar desde el comienzo, es este motivo que varios tampoco no ha querido ayudarte porque desde el principio no fuiste claro con lo que se queria hacer o no

Saludos

satjaen · #40 (**permalink**) 04/10/2012, 09:16

Dradi7, si ya funciona perfectamente.
Pero creo que como te he dicho antes y leerás en las anteriores consultas me explico perfectamente.