Autor Tema: Ajax (Leído 2815 veces)

RadicalEd · « **en:** Lunes 15 de Septiembre de 2008, 14:34 »

Hola chicos de SoloCodigo, estoy dandole poco a poco al AJAX y ahora me surge un problema que no he podido encontrar como solucionarlo; lo que pasa es que según tengo entendido (por lo poco que sé), por medio del "id" que se le asigne a una etiqueta esta recibira el valor que uno haya pasado a consultar en el server por medio del php asignado; mi problema es que si trato de asignarlo a un "INPUT TEXT" no me funciona, pero si lo hago con un "DIV" sí, como puedo para que el valor devuelto por el php me funcione, el código de todo es el siguiente:

Código: PHP

//Para realizar la consulta (producto_liccom.php)
    <select name='listpre' onChange="traerDatos(frmproducto.listpre.value, frmproducto.codigo_item.value)">
      <option value='0' SELECTED>Escoja Lista</option>
      <option value='L1'>Lista 1</option>
      <option value='L2'>Lista 2</option>
      <option value='L15'>Lista 15</option>
      <option value='LP'>Lista Promociones</option>
    </select>
         
        //Aclaro que los dos no pueden tener el mismo id al hacer la consulta por que sino no se imprimen los datos en ninguno de los 2
    <div id="lstpre">Datos</div>
 //En este se cargan los datos
    <input style="text-align: right" size="6" type="text" name="lstpre" id="lstpre">
//En este no se cargan por ser un input text
 
 

Código: Javascript

//La función y el objeto ajax (ajax.js)
//Tomado del Internet, no me acuerdo la página
function nuevoAjax()
{ 
    /* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
    lo que se puede copiar tal como esta aqui */
    var xmlhttp=false; 
    try 
    { 
        // Creacion del objeto AJAX para navegadores no IE
        xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); 
    }
    catch(e)
    { 
        try
        { 
            // Creacion del objet AJAX para IE 
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
        } 
        catch(E) { xmlhttp=false; }
    }
 
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp=new XMLHttpRequest(); } 
     return xmlhttp; 
 }
 
function traerDatos(listaEsc, itemEsc)
{
    // Obtengo la capa donde se muestran las respuestas del servidor
    var capa=document.getElementById("lstpre");
    // Creo el objeto AJAX
    var ajax=nuevoAjax();
    // Coloco el mensaje "Cargando..." en la capa
    capa.innerHTML="Cargando...";
    // Abro la conexión, envío cabeceras correspondientes al uso de POST y envío los datos con el método send del objeto AJAX
    ajax.open("POST", "ajax.php", true);
    ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    ajax.send("codigo="+itemEsc+"&listapre="+listaEsc);
 
    ajax.onreadystatechange=function()
    { 
        if (ajax.readyState==4) 
        { 
          // Respuesta recibida. Coloco el texto plano en la capa correspondiente 
          capa.innerHTML=ajax.responseText; 
        } 
    } 
}
 
 

Código: PHP

//El que genera la consulta (ajax.php)
<?php 
   include '../configuration.php';
   $listapre = $_POST['listapre'];
   $codigo = $_POST['codigo'];
   
   $query = "SELECT * FROM tblicitador_productos WHERE codigo LIKE '".$codigo."'";
   $result = mysql_query($query) or die(mysql_error());
 
   if ($row=mysql_fetch_array($result))
   {
     switch($listapre) 
     {
       case 'L1':
                 echo $elpre = $row[10];
                 break;
       case 'L2':
                 echo $elpre = $row[9];
                 break;
       case 'L15':
                 echo $elpre = $row[11];
                 break;
       case 'LP':
                 echo $elpre = $row[2];
                 break;
     }
   }
?>
 

Alguna explicación para este problema
Gracias Chao

RadicalEd

Me respondo a mi mismo

, probando probando con funciones JavaScript normales como cuando uno hace paso de datos a un control de un formulario, lo pudé hacer de esta manera:

Código: Javascript

 if (ajax.readyState==4)
{ 
  // Respuesta recibida. Coloco el texto plano en la capa correspondiente 
  capa.innerHTML=ajax.responseText; 
  document.fromproducto.lstpre.value = ajax.responseText;
}
 

RadicalEd

Ahora tengo otro problema

si quito el <div id="lstpre">, no me toma los datos en el control input text; alguien sabe a que se debe???

shadow_rev

Edo, tienes 2 elementos con el mismo id (el div y el campo), cosa que no se puede hacer, ya que un id tiene que ser único. Supongo que te estará produciendo un error que dice "property innerHTML not found" o algo por el estilo, y aborta el programa sin escribirte el valor. Ponle otro id al input donde escribes el resultado, creo que con eso es suficiente.

RadicalEd

Cita de: "shadow_rev"

Edo, tienes 2 elementos con el mismo id (el div y el campo), cosa que no se puede hacer, ya que un id tiene que ser único. Supongo que te estará produciendo un error que dice "property innerHTML not found" o algo por el estilo, y aborta el programa sin escribirte el valor. Ponle otro id al input donde escribes el resultado, creo que con eso es suficiente.

Al parecer no leiste la parte que dice:

Código: PHP

# //Aclaro que los dos no pueden tener el mismo id al hacer la consulta por que sino no se imprimen los datos en ninguno de los 2
     <div id="lstpre">Datos</div>
  //En este se cargan los datos
     <input style="text-align: right" size="6" type="text" name="lstpre" id="lstpre">
 //En este no se cargan por ser un input text
 

Sin embargo esa parte ya quedo, lee el 3 post y veras cual ha sido mi último problema, aunque lo soluciones ocultando la etiqueta div.

shadow_rev

Cierto, no reparé en esos comentarios (y no me expliqué bien)

, pero me refería precisamente a la línea 4 del 2do post:

Cita de: "Edo"

Código: Javascript
if (ajax.readyState==4)
{
// Respuesta recibida. Coloco el texto plano en la capa correspondiente
capa.innerHTML=ajax.responseText;
document.fromproducto.lstpre.value = ajax.responseText;
}

Tu problema, según entiendo, está en que, después de borrar el div, el campo de texto no captura el resultado de la consulta en PHP; esto se debe a que (corrígeme si me equivoco), el script que hiciste captura el primer elemento con el id "lstpre" en la variable "capa", que corresponde al div y al campo de texto (asumo que todavía es <input style="text-align: right" size="6" type="text" name="lstpre" id="lstpre">), posteriormente modifica la propiedad innerHTML (del div), y cambia el valor del input accediendo a él a través del nombre de variable. Cuando eliminas el div, la variable "capa" va a ser entonces el objeto input, el cuál no tiene la propiedad innerHTML (por eso te dije que le cambiaras el id del input).

Si quitas el div, necesariamente tenés que quitar la línea que escribe en el div (capa.innerHTML=ajax.responseText), porque te salta el error que te mencioné, y no te ejecuta el resto del programa (o al menos eso es lo que deduzco).

RadicalEd

nop, no sirve de esa forma, ya lo había intentado, además el input no tiene como id el lstpre.

F_Tanori

Cita de: "Edo"

Ahora tengo otro problema si quito el <div id="lstpre">, no me toma los datos en el control input text; alguien sabe a que se debe???

Tambien modificaste esta linea en tu JS ?

Código: Text

 
var capa=document.getElementById("lstpre");

Al borrar el DIV y si le colocas el id al Input capa sera un (obj) input

Código: Text

 
 if (ajax.readyState==4)
{
  // Respuesta recibida. Coloco el texto plano en la capa correspondiente
  capa.value = ajax.responseText;
}
 

Espero te sirva
Saludos

RadicalEd

Cita de: "F_Tanori"

Cita de: "Edo"
Ahora tengo otro problema si quito el <div id="lstpre">, no me toma los datos en el control input text; alguien sabe a que se debe???

Tambien modificaste esta linea en tu JS ?

Código: Text

var capa=document.getElementById("lstpre");

Al borrar el DIV y si le colocas el id al Input capa sera un (obj) input
Código: Text

if (ajax.readyState==4)
{
// Respuesta recibida. Coloco el texto plano en la capa correspondiente
capa.value = ajax.responseText;
}

Espero te sirva
Saludos

No funciono tampoco.

F_Tanori

Verifica cual es el error , puedes hacerlo facilmente con la consola de errores de Firefox

Saludos

RadicalEd

Cita de: "F_Tanori"

Verifica cual es el error , puedes hacerlo facilmente con la consola de errores de Firefox

Saludos

No me muestra ningún error, solo errores de propiedad desconocida en el style.css con elementos como el scroolbar-arrow-color,
scroolbar-face-color, etc, etc.

shadow_rev

Se me ocurre algo.... por qué no miras con el firebug los request que la aplicación está realizando y los publicas (la pestaña red) ?? Tal vez eso te pueda orientar un poco.

Si no lo tenes instalado (lo dudo, esa herramienta es fundamental para cualquier desarrollo web

), busca (en Firefox <= 3.0) en Herramientas -> Agregados, y en la sección Obtener Agregados, buscas con el buscador incorporado el firebug; o lo descargas desde la página http://addons.mozilla.org.

SoloCodigo

Autor Tema: Ajax (Leído 2815 veces)

RadicalEd

Ajax

RadicalEd

Re: Ajax

RadicalEd

Re: Ajax

shadow_rev

Re: Ajax

RadicalEd

Re: Ajax

shadow_rev

Re: Ajax

RadicalEd

Re: Ajax

F_Tanori

Re: Ajax

RadicalEd

Re: Ajax

F_Tanori

Re: Ajax

RadicalEd

Re: Ajax

shadow_rev

Re: Ajax