son unos cuantos archivos...
index.php<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ciclovias</title>
<link href="css/estilo.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
var tipo="";
var fecha="";
var lugar="";
var resp="";
$(document).ready(function(){
$('#asistentes').hide();
$('#ciclorecreovias').show();
$('#txt_fecha').datepicker({ dateFormat: 'yy-mm-dd'});
//-------------------------
$("#btn_ciclovia").click(function(){
$('#ciclorecreovias').hide();
$('#asistentes').show();
tipo=$("input[id='rb_tipo']:checked").attr('value');
fecha=$('#txt_fecha').attr('value');
lugar=$('#sl_lugar').attr('value');
resp=$('#sl_responsable').attr('value');
return false;
});
//-------------------------
$("#btn_persona").click(function(){
var ide=$('#txt_ide').attr('value');
var nombre=$('#txt_nombre').attr('value');
var edad=$('#txt_edad').attr('value');
var genero=$("input[id='rb_sexo']:checked").attr('value');
$.ajax({
type: "POST",
url: "ciclorv.php",
data:'ide='+ide+'&nombre='+nombre+'&genero='+genero+'&edad='+edad+'&resp='+resp+'&fecha='+fecha+'&lugar='+lugar+'&tipo='+tipo,
success: function(datos){
alert("Datos Guardados");
}
});
return false;
});
//-------------------------
$('#btn_reporte').click(function(){
$('#asistentes').hide();
$.ajax({
type: "POST",
url: "reportes.php",
success: function(datos){
$('#reporte').html(datos);
}
});
return false;
});
});
</script>
<link href="js/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contenedor">
<div id="ciclorecreovias">
<form id="ciclorecreovias1" name="datos_entrada1">
<p>Registro de Ciclorecreovias</p>
<table border="1">
<tr>
<td width="80"><label>Tipo:</label></td>
<td width="322"><input name="rb_tipo" id="rb_tipo" type="radio" value="ciclopaseo" /><label>Ciclopaseo</label>
<input name="rb_tipo" id="rb_tipo" type="radio" value="nocturna" /><label>Ciclo Via Nocturna </label></td>
</tr>
<tr>
<td><label>Fecha:</label></td><td><input name="txt_fecha" id="txt_fecha" type="text" size="10"/></td></tr>
<tr>
<td><label>Lugar:</label></td><td><select name="sl_lugar" id="sl_lugar" size="1">
<option value="Barrio1">Barrio1</option>
</select></td></tr>
<tr><td><label>Responsable:</label></td><td>
<select name="sl_responsable" id="sl_responsable" size="1">
<option value="Carlos">Carlos</option>
</select></td></tr>
</table>
<br/>
<input type="submit" name="btn_ciclovia" id="btn_ciclovia" value="Continuar"/>
</form>
<br/>
<br/>
</div>
<div id="asistentes">
<p>Registro de Asistentes</p>
<form id="asistentes1" name="datos_asistentes1">
<table border="1">
<tr><td><label>Identificación:</label></td><td> <input name="txt_ide" id="txt_ide" type="text" size="15"/></td></tr>
<tr><td><label>Nombre:</label></td><td><input name="txt_nombre" id="txt_nombre" type="text" size="10"/></td></tr>
<tr><td><label>Edad:</label></td><td><input name="txt_edad" id="txt_edad" type="text" size="10"/></td></tr>
<tr><td><label>Sexo:</label></td>
<td><input name="rb_sexo" id="rb_sexo" type="radio" value="M" /><label>Masculino</label>
<input name="rb_sexo" id="rb_sexo" type="radio" value="F" /><label>Femenino</label></td></tr>
</table>
<br/>
<input type="submit" name="btn_persona" id="btn_persona" value="Grabar"/>
<input type="submit" name="btn_reporte" id="btn_reporte" value="Reporte"/>
</form>
</div>
<div id="reporte">
</div>
</div>
</body>
</html>
reportes.php<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#btn_enviar').click(function(){
var mes=$('#sl_mes').attr('value');
var anio=$('#sl_anio').attr('value');
$.ajax({
type: "POST",
url: "reportessem.php",
data:'mes='+mes+'&anio='+anio,
success: function(datos){
$('#contenedor').html(datos);
}
});
return false;
});
//-------------------------
});
</script>
</head>
<body>
<form id="datos-reports" name="datos-reports">
<br/>
Mes
<select name="sl_mes" id="sl_mes" size="1">
<option value="01">Enero</option>
<option value="02">Febrero</option>
<option value="03">Marzo</option>
<option value="04">Abril</option>
<option value="05">Mayo</option>
<option value="06">June</option>
<option value="07">Julio</option>
<option value="08">Agosto</option>
<option value="09">Septiembre</option>
<option value="10">Octubre</option>
<option value="11">Noviembre</option>
<option value="12">Diciembre</option>
</select>
Año
<select name="sl_anio" id="sl_anio" size="1">
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
</select>
<input type="submit" name="btn_enviar" id="btn_enviar" value="Enviar"/>
</form>
</body>
</html>
reportesem.php<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
</head>
<body>
<?php
$mes=$_POST['mes'];
$anio=$_POST['anio'];
echo $mes."<br/>";
echo $anio."<br/>";
?>
</body>
</html>
