Duda acerca de Validacion y modo de consulta AJAX y PHP

Stackado · #1 (**permalink**) 14/02/2011, 03:20

Hola,

Mi problema es el siguiente, estoy haciendo un filtrado a través de 2 Inputs del type text con el cual al indicar un parametro y dar enter lo envia a través de AJAX, crea una consulta con el parametro enviado y genera una tabla en HTML.

Al escribir otro parametro en el segundo Input, debera complementar la informacion ya recibida y filtrar para que solo quede la información especificada con los parametros del primer y segundo input, creando asi menos resultados por asi decirlo, pero la cosa esta en que al introducir el segundo parametro y dar enter para generar la tabla pierdo los datos de la tabla anterior y me genera una tabla nueva.

Estoy tratando de validar los campos para que si en caso de que se envien vacios alguno de los 2 inputs realize la consulta solo con la informacon del input que se haya rellenado pero no eh tenido exito, ¿podria alguien darme una mano porfavor?.

El codigo PHP que manejo para generar la tabla y realizar la consulta es la siguiente:

Código PHP:

Ver original<?PHP
      $conexion = mysql_connect("localhost", "root", "root") or die ("No se puede conectar con el servidor");
      $db="bitacora_digeset"; // el nombre de la base de datos
      mysql_select_db($db, $conexion) or die('No pudo seleccionarse la BD.'); // conectamos con la base de datos
    
    /*Captura de variables*/
       $Espec = $_REQUEST['Espec'];
       $Depen = $_REQUEST['Depen'];
       
    if ((strlen($Espec)>0) && (strlen($Depen)==0)){
       $query="SELECT Sfolio, dependencia, especialista
                FROM bitacora_de_consultas
                WHERE (especialista LIKE '$Espec')";
 
           $resultado=mysql_query($query,$conexion);
    }
    if ((strlen($Espec)==0) && (strlen($Depen)>0)){
       $query="SELECT Sfolio, dependencia, especialista
                FROM bitacora_de_consultas
                WHERE (dependencia LIKE '$Depen')";
 
           $resultado=mysql_query($query,$conexion);
    }
    if ((strlen($Espec)>0) && (strlen($Depen)>0)){
       $query="SELECT Sfolio, dependencia, especialista
                FROM bitacora_de_consultas
                WHERE (especialista LIKE '$Espec' AND dependencia LIKE '$Depen')";
 
           $resultado=mysql_query($query,$conexion);
    }
          //Generola tabla
          echo"<br/>";
          echo"<br/>";
            echo"<table border='1'>";   
                    echo"<tr class='TablaTraslados1'>";
                    
                        echo"<td>";
                            echo"<label class='LetrasBlancas'>".'Num. de Folio'."</label>";
                        echo"</td>";
                        
                        echo"<td>";
                            echo"<label class='LetrasBlancas'>".'Dependencia'."</label>";
                        echo"</td>";
                                            
                        echo"<td>";
                            echo"<label class='LetrasBlancas'>".'Especialista'."</label>";
                        echo"</td>";
 
                    echo"</tr>";
                while ($row = mysql_fetch_array($resultado, MYSQL_ASSOC)) {
                    echo"<tr class='TablaTraslados2'>";
                        echo"<td>";
                            echo"<label class='LetrasNegras'>".$row['Sfolio']."</label>";
                        echo"</td>";
                    
                        echo"<td>";
                            echo"<label class='LetrasNegras'>".$row['dependencia']."</label>";
                        echo"</td>";
                        
                        echo"<td>";
                            echo"<label class='LetrasNegras'>".$row['especialista']."</label>";
                        echo"</td>";
                        
                    echo"</tr>";
                }
            echo"</table>";
?>

Como comentario:
Bueno eh notado que los ultimos posts que eh creado o han sido eliminados o movidos ya que no los encuentro ni en mi historial de mensajes creados o seguidos, no se por que pase esto, no creo que sea por mi manera de hacer los posts o si creen que estoy aqui para que me hagan todo sin hacer nada yo, ya que una vez me tope con alguien que me insunuaba eso, cosa que me desagrado mucho.

Generalmente comento mi problema muestro los scripts y despues donde me trabo, no se si algun moderador este en desacuerdo con esa tematica pero como sea, es solo un comentario...

richicasas · #2 (**permalink**) 14/02/2011, 03:36

Cuando generes el primer HTML despues de ingresar el primer parametro, puedes colocar en forma oculta el input con el dato de la primer tabla y cuando se escriba en el segundo input y se envie , se enviaran ambos datos. Creo que asi entiendo tu duda, o explicate mejor y muestra el codigo completo ya que estoy ciego o el input de filtrado no lo veo.

Stackado · #3 (**permalink**) 14/02/2011, 03:49

Hola,

Originalmente estoy utilizando 3 archvos, la pagina de los inputs, el .js del AJAX y la funcion de enter y ese que mostre que regresa el .JS, no lo puse todo para que no se viera tanto codigo.

La parte de codigo de la pagina de los inputs es el siguiente:

Código HTML:

Ver original<div class="SSform1">   
        <br/>
            <p class="cgp1">Dependencia 
                <input type="text" size="80" id="Depen" name="Depen" onkeypress="detectkey_depen(event,this)"/>
            </p>
            <p class="cgp2">Especialista:
                <input type="text" size="80" name="Espec" id="Espec" onkeypress="detectkey_espec(event,this)"/>
            </p>
    </div>

Los codigos para cada input serian:

Código Javascript:

Ver originalfunction detectkey_depen(evt,obj) {
      keycode = (evt.keyCode==0) ? evt.which : evt.keyCode;
     if (keycode==13){
          /*Mi modificacion*/
          if (document.getElementById('Depen').value.length == 0){
          alert("Debe completar el formulario");
          document.getElementById('Depen').focus();
          return 0;}
          /*Mi modificacion*/
          Depen=obj.value + String.fromCharCode(keycode);
          pagina='externos/consultassG_dependencia.php?Depen='+Depen;
          }
          divcontenido = document.getElementById('SSform2');
          ajax=objetoAjax();
          ajax.open("POST", pagina, true);
          ajax.onreadystatechange=function() {
            if (ajax.readyState==4) {
              divcontenido.innerHTML = ajax.responseText
            }
          }
          ajax.send(null);
      }
      
    function detectkey_espec(evt,obj) {
      keycode = (evt.keyCode==0) ? evt.which : evt.keyCode;
     if (keycode==13){
          /*Mi modificacion*/
          if (document.getElementById('Espec').value.length == 0){
          alert("Debe completar el formulario");
          document.getElementById('Espec').focus();
          return 0;}
          /*Mi modificacion*/
          Espec=obj.value + String.fromCharCode(keycode);
          pagina='externos/consultassG_dependencia.php?Espec='+Espec;
          }
          divcontenido = document.getElementById('SSform2');
          ajax=objetoAjax();
          ajax.open("POST", pagina, true);
          ajax.onreadystatechange=function() {
            if (ajax.readyState==4) {
              divcontenido.innerHTML = ajax.responseText
            }
          }
          ajax.send(null);
      }

Tambien eh intentado una sola funcion para ambos inputs y envio ambos campos pero si lo pongo asi la consulta no me regresa nada.

richicasas · #4 (**permalink**) 14/02/2011, 03:53

1. Pensaria que deben llamar la misma funcion y dentro de la funcion validar si ambos campos o solo uno contiene texto y hacer el filtrado.

2. Cuando se regresen los datos, crear o asignar a los input ( que anteriormente se rellenaron ) el dato que se relleno y mantenerlo oculto, no se percibira por el usuario, pero cuando se envie, sera percibida por el ajax como si lo hubiera ingresado el usuario.

Saludos.

Stackado · #5 (**permalink**) 14/02/2011, 03:57

Graficamente hablando puedes ver mi problema desde este enlace

Por ahora en Dependencia puedes poner "Direccion general de servicios telematicos" o solo "dige" para efectos del autocomplete, en Especialista puedes poner "mata" para que te salga la opcion del autocomplete.

richicasas · #6 (**permalink**) 14/02/2011, 05:01

Mira, para empezar el enlace se queda cargando y no carga.
Revisando tu codigo Ajax, veo que tanto en la primera como segunda mandas parametros diferentes, debes mandarlos los dos o sino no estarias haciendo nada.

Asi como esta el codigo, estas enviando siempre un solo parametro, y siempre en la validacion encontraras uno de los dos, mas no ambos juntos. Prueba colocar en el ajax en la linea que corresponde esto:

Código Javascript:

Ver originalpagina='externos/consultassG_dependencia.php?Depen='+Depen&Espec='+Espec;

Obviamente debes hacer el proceso para recibir ambas variables.

Stackado · #7 (**permalink**) 14/02/2011, 10:39

Cita:

Iniciado por richicasas

Mira, para empezar el enlace se queda cargando y no carga.

Hola,

Si lo se, lo que pasa es que ya eran las 5 de la mañana aca en Mexico y me ardian bastante los ojos agregando que tenia que madrugar, asi que tube que apagar mi computadora.

Intentare como me lo indicas para ver que resulta y te digo, gracías por tu respuesta, paciencia y tiempo.

Stackado · #8 (**permalink**) 16/02/2011, 11:20

Hola,

Eh dedicido generar la consulta solo en el primer input, guardarlo en un arreglo y mostrar el resultado y para asi solo tener que trabajar el arreglo almacenado el siguiente input sin generar otra consulta.

Ahora tengo mis dudas respecto al envio de la informacion a travez del segundo input y como regresaria la nueva informacion, con ayuda de un compañero logramos hacer que la cosulta por fin filtrara la informacion desde el primer input dejando el parametro de filtrado con un valor estatico, asi que ahora solo sera cuestion de acomodarlo para que filtre en el segundo input y el parametro cambie cada vez que se manda desde el segundo input, hemos estado intentadolo pero parece ser que perdemos la informacion al mandarla del segundo input y toda la tabla generada se borra.

podrian darnos una mano respecto a como acomodarlo al segundo input y como mandar la informacion, os lo agradeceria bastante en realidad, el codigo es el siguiente:

Código PHP:

Ver original<?PHP
      $conexion = mysql_connect("localhost", "root", "root") or die ("No se puede conectar con el servidor");
      $db="bitacora_digeset"; // el nombre de la base de datos
      mysql_select_db($db, $conexion) or die('No pudo seleccionarse la BD.'); // conectamos con la base de datos
    
    /*Captura de variables*/
       $Depen = $_REQUEST['Depen'];
       $Espec = $_REQUEST['Espec'];
       /*$Espec = "ABRAHAM ANAYA GARCIA";*/
       
    
        $query="SELECT Sfolio, dependencia, especialista
                FROM bitacora_de_consultas
                WHERE (dependencia LIKE '$Depen')";
        
        
        $resultado=mysql_query($query,$conexion);
        
    if ((strlen($Espec)==0) && (strlen($Depen)>0)){ 
          //Generola tabla
        $c=0;
 
            if ($resultado>0){
                while ($row = mysql_fetch_array($resultado)) {
                    /*echo  $row['Sfolio'];
                    echo    $row['dependencia'];
                    echo    $row['especialista'];*/
                    $as=array();
                    echo $as[$c]=$c.".- ".$row['Sfolio'].$row['dependencia'].$row['especialista']."<br/>"; 
                    
                    $pos=strpos($as[$c],$Espec);
                    if ($pos !== false){
                    echo "<font color=red>".$as[$c]=$c.$row['Sfolio'].$row['dependencia'].$row['especialista']."<br/>"."</font>"; 
                                        };
                    $c=$c+1;
                } 
            }   
    }
    if ((strlen($Espec)>0) && (strlen($Depen)==0)){
            if ($resultado>0){
                while ($row = mysql_fetch_array($resultado)) {
                    $pos=strpos($as[$c],$Espec);
                    if ($pos !== false){
                    echo "<font color=red>".$as[$c]=$c.$row['Sfolio'].$row['dependencia'].$row['especialista']."<br/>"."</font>"; 
                                        };
                    $c=$c+1;
                }
            }
    }       
    ?>

Dado que solo realizare consulta en un solo input, decidi enviar la informacion del segundo input enotra funcion separada de la primera, parace ser que si envia pero no entra en el filtrado y no me regresa nada, los codigos son los siguientes:

Código Javascript:

Ver original/****************Realizacion de consulta por medio de AJAX al presional ENTER Keycode == 13********************/
function detectkey_depen(evt,obj) {
      keycode = (evt.keyCode==0) ? evt.which : evt.keyCode;
    if (keycode==13){
          if (document.getElementById('Depen').value.length == 0){
          alert("Debe completar el formulario");
          document.getElementById('Depen').focus();
          return 0;}
          var Depen=obj.value + String.fromCharCode(keycode);
          var pagina='externos/consultassG_dependencia.php?Depen='+Depen;
        
          divcontenido = document.getElementById('SSform2');
          ajax=objetoAjax();
          ajax.open("POST", pagina, true);
          ajax.onreadystatechange=function() {
            if (ajax.readyState==4) {
              divcontenido.innerHTML = ajax.responseText
            }
          }
          ajax.send(null);
    }     
}
function detectkey_espec(evt,obj) {
      keycode = (evt.keyCode==0) ? evt.which : evt.keyCode;
    if (keycode==13){
          if (document.getElementById('Espec').value.length == 0){
          alert("Debe completar el formulario");
          document.getElementById('Espec').focus();
          return 0;}
         var Espec=obj.value + String.fromCharCode(keycode);
         var pagina='externos/consultassG_dependencia.php?Espec='+Espec;
          
          divcontenido = document.getElementById('SSform2');
          ajax=objetoAjax();
          ajax.open("POST", pagina, true);
          ajax.onreadystatechange=function() {
            if (ajax.readyState==4) {
              divcontenido.innerHTML = ajax.responseText
            }
          }
          ajax.send(null);
    }   
}

GatorV · #9 (**permalink**) 16/02/2011, 11:25

Tema movido desde PHP a AJAX

Stackado · #10 (**permalink**) 16/02/2011, 12:15

Estoy intentando poner la misma funcion en ambos inputs y validar segun lo que se envie,pero aun asi no me jala, de hecho me da un error larguisimo y raro :S

Código Javascript:

Ver originalfunction detectkey_depen(evt,obj) {
      keycode = (evt.keyCode==0) ? evt.which : evt.keyCode;
    if (keycode==13){
        if ((document.getElementById('Depen').value.length > 0) && (document.getElementById('Espec').value.length == 0)){
          var Depen=obj.value + String.fromCharCode(keycode);
          var pagina='externos/consultassG_dependencia.php?Depen='+Depen;
        }
        
        if ((document.getElementById('Espec').value.length > 0) && (document.getElementById('Depen').value.length == 0)){
          var Espec=obj.value + String.fromCharCode(keycode);
          var pagina='externos/consultassG_dependencia.php?Espec='+Espec;
        }
        
        if ((document.getElementById('Espec').value.length > 0) && (document.getElementById('Depen').value.length > 0)){
          var Espec=obj.value + String.fromCharCode(keycode);
          var pagina='externos/consultassG_dependencia.php?Espec='+Espec;
          var Depen=obj.value + String.fromCharCode(keycode);
          var pagina='externos/consultassG_dependencia.php?Depen='+Depen;         
        }
          divcontenido = document.getElementById('SSform2');
          ajax=objetoAjax();
          ajax.open("POST", pagina, true);
          ajax.onreadystatechange=function() {
            if (ajax.readyState==4) {
              divcontenido.innerHTML = ajax.responseText
            }
          }
          ajax.send(null);
    }
}

Código PHP:

Ver original<?PHP
      $conexion = mysql_connect("localhost", "root", "root") or die ("No se puede conectar con el servidor");
      $db="bitacora_digeset"; // el nombre de la base de datos
      mysql_select_db($db, $conexion) or die('No pudo seleccionarse la BD.'); // conectamos con la base de datos
    
    /*Captura de variables*/
       $Depen = $_REQUEST['Depen'];
       $Espec = $_REQUEST['Espec'];
       $c=0;
       $as=array();
       /*$Espec = "ABRAHAM ANAYA GARCIA";*/
       
    
        $query="SELECT Sfolio, dependencia, especialista
                FROM bitacora_de_consultas
                WHERE (dependencia LIKE '$Depen')";
        
        
        $resultado=mysql_query($query,$conexion);
        
    if ((strlen($Depen)>0)){
          //Generola tabla
            if ($resultado>0){
                while ($row = mysql_fetch_array($resultado)) {
                    /*echo  $row['Sfolio'];
                    echo    $row['dependencia'];
                    echo    $row['especialista'];*/
 
                    echo $as[$c]=$c.".- ".$row['Sfolio'].$row['dependencia'].$row['especialista']."<br/>"; 
                    $c=$c+1;
                } 
            }   
    }
    if ((strlen($Espec)>0)){
            if ($resultado>0){
                while ($row = mysql_fetch_array($resultado)) {
                    $pos=strpos($as[$c],$Espec);
                    if ($pos !== false){
                    echo "<font color=red>".$as[$c]=$c.$row['Sfolio'].$row['dependencia'].$row['especialista']."<br/>"."</font>"; 
                                        };
                    $c=$c+1;
                }
            }
    }

Stackado · #11 (**permalink**) 18/02/2011, 10:47

Hola que tal, el problema se soluciono, como me indicaste madne ambos parametros a la vez y con elphp validaba como haria la funcion segnu que mandaba con el AJAX, aunque la linea de codigo que me indicaste no me funciona, la siguiente me funciono de maravilla:

Código Javascript:

Ver originalajax.open("POST","externos/consultassG_dependencia.php?Depen="+Depen+"&Espec="+Espec,true);

EN el OPEN del AJAX para enviar ambos, no tube muchas respuestas mas que la tuya, asi que agradezco tu tiempo y paciencia.