Funcion pulsar

[satjaen]

Hola tengo un codigo donde al pulsar la celda que elija me lleva a un archivo php la variable pero no se como hacerlo.

Código Javascript:

function pulsar(obj) {
  obj.style.background = 'orange';
  if (fila != null && fila != obj)
    fila.style.background = 'white';
  fila = obj;
  document.location="menu2.php?id="+num_aviso
}
 

document.location="menu2.php?id="+num_aviso<-----variable a php
Asi, no funciona.

[maycolalvarez]

1 - ¿desde dónde se llama a la función pulsar?

2 - ¿que es fila? y dónde se declara explícitamente

3 - te falta el ; al final de la última línea

4 - document.location te redireccionará a dicha página, ¿seguro que es lo que quieres?: a lo mejor te sirve AJAX

[satjaen]

Muchas gracias por contestar, fila es la celda a elegir de la tabla y la funcion se llama en html_user += '<tr onclick="pulsar(this)" >';
Ya le he puesto el ; y sigue sin funcionar.
Te pongo el js completo:


js.js

Código Javascript:

// 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) {
  obj.style.background = 'orange';
  if (fila != null && fila != obj)
    fila.style.background = 'white';
  fila = obj;
  document.location="menu2.php?id="+num_aviso;
}
function filtrar()
{   
    $.ajax({
        data: $("#frm_filtro").serialize()+ordenar,
        type: "POST",
        dataType: "json",
        url: "ajax.php?action=listar",
            success: function(data){ 
    var html_user ='' ;
    var html_aparato = '';
    var html_avisos = '';
    if(data.length > 0){ 
        $.each(data, function(i,item){ 
        
        
         
            html_user += '<tr onclick="pulsar(this)" >';
            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>';
            
            
            
            html_aparato += '<tr>';
            html_aparato += '<td>'+item.aparato+'</td>';
            html_aparato += '<td>'+item.marca+'</td>'; 
            html_aparato += '<td>'+item.modelo+'</td>'; 
            html_aparato += '<td>'+item.num_serie+'</td>';
            html_aparato += '<td>'+item.num_producto+'</td>';
            html_aparato += '<td>'+item.fecha_compra+'</td>';
            html_aparato += '</tr>'; 
            
        
            
            
            html_avisos += '<tr>';
            html_avisos += '<td>'+item.num_aviso+'</td>';
            html_avisos += '<td>'+item.num_usuario+'</td>'; 
            html_avisos += '<td>'+item.aparato+'</td>'; 
            html_avisos += '<td>'+item.calle+'</td>';
            html_avisos += '<td>'+item.fecha_recepcion+'</td>';
            html_avisos += '<td>'+item.fecha_emision+'</td>';
            html_avisos += '<td>'+item.sintoma+'</td>';
            html_avisos += '</tr>';    
                                  
        });                     
    } 
    if(html_user == '') html_user = '<tr><td colspan="4" align="center">No se encontraron registros..</td></tr>';
    if(html_aparato == '') html_aparato = '<tr><td colspan="4" align="center">No se encontraron registros..</td></tr>';
    if(html_avisos == '') html_avisos = '<tr><td colspan="4" align="center">No se encontraron registros..</td></tr>';
    $("#data tbody").html(html_user); 
    $("#data1 tbody").html(html_aparato); 
    $("#data2 tbody").html(html_avisos); 
}
 
            
      });
}
 

[Dradi7]

Bueno

Primero lo que observo es que el evento onclick no esta asignado en la parte de html_user es derepente porque no te funciona el evento porque estas pulsando en la celda que esta dentro del html_aparato.

Segundo cambia el document.location por el window.location en tu funcion pulsar.

Tercero no veo en donde pasas el parametro num_aviso aca

document.location="menu2.php?id="+num_aviso;

esto te va a enviar null de todas maneras

La mayoría de cosas es solamente lógica, solamente te basta de revisar tu código y ver que estas haciendo mal, te haces un mundo pensando que es programación y al final ni siquiera te das cuenta que es lo que estas haciendo

Saludos

[satjaen]

Dadri7, gracias por contestar.Le he puesto window.location y sigue sin funcionar y el evento onclick me parece que esta en users porque ademas cuando lo pulso se pone la celda de color naranja y está en la pestaña de users.

Código Javascript:

function pulsar(obj) {
  obj.style.background = 'orange';
  if (fila != null && fila != obj)
    fila.style.background = 'white';
  fila = obj;
  window.location="menu2.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 ='' ;
    var html_aparato = '';
    var html_avisos = '';
    if(data.length > 0){ 
        $.each(data, function(i,item){ 
        
        
         
            html_user += '<tr onclick="pulsar(this)" >';
            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>';
 

[Dradi7]

pero de todas maneras el error esta en la parte de num_aviso donde lo declaras como no esta declarado te esta dando error y por eso no funciona el window.location

[satjaen]

Dradi7, no te has fijado que ya cambie el num_aviso por num_usuario?



}

Código Javascript:

function pulsar(obj) {
 
  obj.style.background = 'orange';
 
  if (fila != null && fila != obj)
 
    fila.style.background = 'white';
 
  fila = obj;
 
  window.location="menu2.php?id="+num_usuario;
 

[Dradi7]

aunque sea num_usuario en donde estas declarando esa variable yo voy a eso, es por esto que te da el error es cosa de lógica no si tu no declaras una variable en cualquier lenguaje de programación te va a dar error

[Alexis_Mejias]

Estimado,

El error es el siguiente:

Código HTML:

[b]function pulsar(obj) {[/b]
  obj.style.background = 'orange';
  if (fila != null && fila != obj)
    fila.style.background = 'white';
  fila = obj;
  [b]window.location="menu2.php?id="+num_usuario;[/b]
}

Y deberia quedar así:

Código HTML:

function pulsar(obj, num_usuario) {
  obj.style.background = 'orange';
  if (fila != null && fila != obj)
    fila.style.background = 'white';
  fila = obj;
  window.location="menu2.php?id="+num_usuario;
}

Y en el Tr dibujado falta

Código HTML:

html_user += '<tr onclick="pulsar(this, ' +  String.fromCharCode(39) + item.num_usuario + String.fromCharCode(39)  + ');" >';

String.fromCharCode(39) = imprime '
String.fromCharCode(34) = imprime "

Saludos

[satjaen]

Perdona, que significa?

String.fromCharCode(39) = imprime '
String.fromCharCode(34) = imprime "

Gracias.

[Dradi7]

eso significa que te va a devolver

String.fromCharCode(39) el caracter '

String.fromCharCode(34) el caracter "

[satjaen]

No lo entiendo.

[Alexis_Mejias]

Iniciado por satjaen

No lo entiendo.

Esos Tip te sirven para meter datos dinamicos a generaciónes dinamicas de HTML y no tener problemas con las comillas tanto simples (') como dobles (")

Es un pequeño truco..

saludos,

[satjaen]

Gracias a los dos.
Una pregunta, se puede poner para que en vez de hacer un click en la celda se tengan que hacer dos (una para seleccionar y otra para confirmar y ya llevar al menu2.php?

[Dradi7]

sencillamente agrega esto a tu fila ondblclick

[satjaen]

Pero lo que quiero es:

- Un click selecciono fila y cambia de color.Y en el siguiente click ya hace la función del php.

Porque con ondblclick es lo mismo que antes solo que en vez de pinchar una vez hay que hacerlo dos.

Gracias.

[Dradi7]

OK

Ya entendí entonces debes crear una variable externa a tu función para que capture si se ha hecho el primer click sino no

Ejemplo:

Código Javascript:

var clickeado = false;
function pulsar(this){
    if(!clickeado){
        // aqui va tu codigo para cambiar el color
        clickeado = true;
    }else{
        // aqui va tu codigo para que te lleve al menu
        clickeado = false;
    }
}
 

[satjaen]

Dradi7, he puesto esto pero no funciona y me da error en la linea function pulsar(this) {, y es que no se si tengo que sustituir esta funcion por la que tenia.

Código Javascript:

var clickeado = false;
function pulsar(this) {
    if(!clickeado) {
obj.style.background = 'orange';
  if (fila != null && fila != obj)
    fila.style.background = 'white';
  fila = obj;
        clickeado = true;
    }else{
window.location="menu1.php?id="+num_usuario;
        clickeado = false;
 
    }
}
 

[Dradi7]

Pero se supone que por logica estas reemplazando esta funcion por la que tenias no puede haber dos funciones con el mismo nombre y la misma cantidad de parametros

[satjaen]

Me sigue sin funcionar, no se si esta bien hecha la función porque me da error en la linea function pulsar(this) {?

Código Javascript:

var clickeado = false;
    function pulsar(this) {
        if(!clickeado) {
    obj.style.background = 'orange';
      if (fila != null && fila != obj)
        fila.style.background = 'white';
      fila = obj;
            clickeado = true;
        }else{
    window.location="menu1.php?id="+num_usuario;
            clickeado = false;
     
        }
    }
}
function filtrar()
{   
    $.ajax({
        data: $("#frm_filtro").serialize()+ordenar,
        type: "POST",
        dataType: "json",
        url: "ajax.php?action=listar",
            success: function(data){ 
    var html_user ='' ;
    var html_aparato = '';
    var html_avisos = '';
    if(data.length > 0){ 
        $.each(data, function(i,item){ 
        
        
         
            html_user += '<tr onclick="pulsar(this)" >';
            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>';
 

[satjaen]

Iniciado por Alexis_Mejias

Estimado,

El error es el siguiente:

Código HTML:

[b]function pulsar(obj) {[/b]
  obj.style.background = 'orange';
  if (fila != null && fila != obj)
    fila.style.background = 'white';
  fila = obj;
  [b]window.location="menu2.php?id="+num_usuario;[/b]
}

Y deberia quedar así:

Código HTML:

function pulsar(obj, num_usuario) {
  obj.style.background = 'orange';
  if (fila != null && fila != obj)
    fila.style.background = 'white';
  fila = obj;
  window.location="menu2.php?id="+num_usuario;
}

Y en el Tr dibujado falta

Código HTML:

html_user += '<tr onclick="pulsar(this, ' +  String.fromCharCode(39) + item.num_usuario + String.fromCharCode(39)  + ');" >';

String.fromCharCode(39) = imprime '
String.fromCharCode(34) = imprime "

Saludos

Hola, por favor puedes mirarme esto que no me lleva la variable num_usuario al menu1.php.Gracias

Código Javascript:

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 ='' ;
    var html_aparato = '';
    var html_avisos = '';
    if(data.length > 0){ 
        $.each(data, function(i,item){ 
        
        
         
          html_user += '<tr onclick="pulsar(this, ' +  String.fromCharCode(39) + item.num_usuario + String.fromCharCode(39)  + ');" >';
 

Y este el menu1.php

Código PHP:

$num_usuario=$_POST['num_usuario'];
mysql_select_db($database_conexion, $conexion);
$query_Recordset1 = "SELECT * FROM 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]

Por favor, puede contestar alguien?

[Dradi7]

Pero tu error esta en el PHP tu estas haciendo $_POST y no $_GET trata de leer si quiera un poquito para que entiendas lo que es realmente GET Y POST

[satjaen]

Tampoco funciona....

Código PHP:

$num_usuario=$_GET['num_usuario'];
mysql_select_db($database_conexion, $conexion);
$query_Recordset1 = "SELECT * FROM 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);
 

[Dradi7]

pero trata de leer bien lo que haces, es un error de cuestion de logica tu estas haciendo esto

window.location="menu1.php?id="+num_usuario;

entonces si yo tengo logica (si la tienes) debes ver que estas enviando el parámetro id a la pagina menu1 y por lo tanto en tu otra pagina debes recibirlo como $_GET['id'] tanto de cuesta revisar este simple detalle.

[satjaen]

Muchas gracias Dradi7, pero creo que este foro estamos para ayudarnos unos a otros y tambien poder ser un poco mas pacientes para los que estamos aprendiendo, no crees?

[Dradi7]

Si es verdad pero si te das cuenta este tema se ha extendido bastante y por cosas que son sencillas que no necesita mas que revisar bien el código, si fuera algo complicado o desconocido se podría tener mas paciencia pero si ves que se repite constantemente el error en algo sencillo que uno no se da cuenta a veces a uno puede cansar.

Me disculpo en todo caso si te ofendí pero como explico arriba hay que revisar un poco a mas detalle nuestro código

Saludos