Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/02/2015, 03:23
NARTONIC
 
Fecha de Ingreso: febrero-2015
Mensajes: 4
Antigüedad: 9 años, 8 meses
Puntos: 0
Pregunta Mostrar datos según el radio button seleccionado

Tengo una gran duda.

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>
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;
}