Menu Lista dinamico

[dwish]

Holas!

Tengo una tabla en la base llamada "productos" con 3 campos.. id,producto,precio

genero una lista menu mediante php con todos mis productos

Código PHP:

  <?php 
$result=mysql_query("select * from productos",$link);
echo '<select name="lista">';
while( ($fila=mysql_fetch_array($result)) ) {
echo '<option value="'.$fila[1].'">'.$fila[1].'</option>';
         }
echo '</select>';
?>   

necesito q al seleccionar algun producto de la lista.. aparezca en un campo de texto el precio de el producto seleccionado! SIN recargar la pagina!

me dijeron q con AJAX ai solucion
Saludos!

[eulloa]

Iniciado por dwish

necesito q al seleccionar algun producto de la lista.. aparezca en un campo de texto el precio de el producto seleccionado! SIN recargar la pagina!

me dijeron q con AJAX ai solucion

Sip, es cierto

[Adler]

Hola

Y ¿cual es exactamente el problema que tienes?

Suerte

[dwish]

q no se como hacer para q en el campo de texto aparezca el precio del producto q selecione en la lista! :s

alguna idea plx?


Saludos

[dohko7]

hola!! aunq soy un poco novato e conceguido una funcion de ajax prototype que me trae los resultados sin recargar la pag.

necesitas tres cosas importante segun eh visto!

1. un archivo control que seria el .js (descarga el que mejor te paresca, yo tengo el prototype)
2. un archivo donde se ejecuta unicamente la consulta php
3. el archivo donde contienes toda la parte grafica!! es decir donde mostraras tus resultados-.

TE PRESTO LA FUNCION DEL "showUser(str)" que yo utilizo y e ido modificando dependiendo lo mio!

Código codigo .js:

function showUserr(str)
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
var url="con_datos.php";
url=url+"?p="+str;
url=url+"&d="+document.getElementById('d').value;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
 
 
function stateChanged()
{
 
    if (xmlhttp.readyState==1)
{
document.getElementById("hit").innerHTML= "<img src='images/ajax-loader.gif' align='center' />";
}
    if (xmlhttp.readyState==2)
{
document.getElementById("hit").innerHTML= "<img src='images/ajax-loader.gif' align='center' />";
}
if (xmlhttp.readyState==4)
{
document.getElementById("hit").innerHTML=xmlhttp.responseText;
}
}
 

ese lo tengo en mi archivo prototype.js

TE ADVIERTO QUE TE TOCARA LEER Y JUGAR MUCHO CON LOS CODIGOS PARA QUE LO PUEDAS UTILIZAR CORRECTAMENTE!!

EH SUFRIDO MUCHO PERO A LA FINAL DEPENDE DE LA CONSTANCIA DE CADA PERSONA!!

ESA FUNCION PUEDE AYUDART PARA MOSTRAR TUS DATOS SIN RECARGAR LA PAG!!

ahora. mas tips:

debes declarar un <div id="loquekieras"> -> este es el resposabble donde se mostrara tu resultado.

la verda espero serte un poco de ayuda!!

si no me explico bien es por que soy novato xD suerte

aahh por cierto!! la llamada a la funcion la haces dentro del menu con un evento!! onchange="showUser(this.value)"

[Adler]

Hola

Este es una articulo algo básico, pero para empezar a entender ...

Suerte