Hago uso de Ajax, PHP y conexiones a base de datos, mi duda es como hago que al seleccionar un radio button me muestre un determinado contenido sin tener que darle a un boton, que sea de manera dinamica, dejo aqui los codigos a ver.
el archivo que llamo platos.php
Cita:
<input type="radio" id="tipos" name="tipos" value="entra"> Entrantes
<input type="radio" id="tipos" name="tipos" value="carne"> Carnes
<input type="radio" id="tipos" name="tipos" value="pesca"> Pescados
<input type="radio" id="tipos" name="tipos" value="postr"> Postres
<div id="resultados">
</div>
<input type="radio" id="tipos" name="tipos" value="carne"> Carnes
<input type="radio" id="tipos" name="tipos" value="pesca"> Pescados
<input type="radio" id="tipos" name="tipos" value="postr"> Postres
<div id="resultados">
</div>
Cita:
addEvent(window,'load',inicializarEventos,false);
function inicializarEventos()
{
var select1=document.getElementById('tipos');
addEvent(select1,'change',mostrarPlatos,false);
}
var conexion1;
function mostrarPlatos(codi)
{
conexion1=crearXMLHttpRequest();
conexion1.onreadystatechange = procesarEventos;
conexion1.open('GET','pagina7.php?codi='+codi, true);
conexion1.send(null);
}
function procesarEventos()
{
var resultados = document.getElementById("resultados");
if(conexion1.readyState == 4)
{
var datos=eval("(" + conexion1.responseText + ")");
var salida = "<table>";
salida=salida+"<tr><td>NOMBRE</td><td>PRECIO</td></tr>";
salida=salida+"<tr><td>"+datos.nombre + "</td>";
salida=salida+"<td>"+datos.precio + "</td></tr>";
salida=salida+"</table>";
resultados.innerHTML = salida;
}
else
{
resultados.innerHTML = "Cargando...";
}
}
//***************************************
//Funciones comunes a todos los problemas
//***************************************
function addEvent(elemento,nomevento,funcion,captura)
{
if (elemento.attachEvent)
{
elemento.attachEvent('on'+nomevento,funcion);
return true;
}
else
if (elemento.addEventListener)
{
elemento.addEventListener(nomevento,funcion,captur a);
return true;
}
else
return false;
}
function crearXMLHttpRequest()
{
var xmlHttp=null;
if (window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
else
if (window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
return xmlHttp;
}
function inicializarEventos()
{
var select1=document.getElementById('tipos');
addEvent(select1,'change',mostrarPlatos,false);
}
var conexion1;
function mostrarPlatos(codi)
{
conexion1=crearXMLHttpRequest();
conexion1.onreadystatechange = procesarEventos;
conexion1.open('GET','pagina7.php?codi='+codi, true);
conexion1.send(null);
}
function procesarEventos()
{
var resultados = document.getElementById("resultados");
if(conexion1.readyState == 4)
{
var datos=eval("(" + conexion1.responseText + ")");
var salida = "<table>";
salida=salida+"<tr><td>NOMBRE</td><td>PRECIO</td></tr>";
salida=salida+"<tr><td>"+datos.nombre + "</td>";
salida=salida+"<td>"+datos.precio + "</td></tr>";
salida=salida+"</table>";
resultados.innerHTML = salida;
}
else
{
resultados.innerHTML = "Cargando...";
}
}
//***************************************
//Funciones comunes a todos los problemas
//***************************************
function addEvent(elemento,nomevento,funcion,captura)
{
if (elemento.attachEvent)
{
elemento.attachEvent('on'+nomevento,funcion);
return true;
}
else
if (elemento.addEventListener)
{
elemento.addEventListener(nomevento,funcion,captur a);
return true;
}
else
return false;
}
function crearXMLHttpRequest()
{
var xmlHttp=null;
if (window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
else
if (window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
return xmlHttp;
}