Problema con formulario dinámico el asunto es el siguiente: Tengo tres formularios diferentes que necesito poner en una pagina. el 1 es un formulario sencillo, el 2 es de reservaciones y el 3 es de alquiler de los diferente locales a disposicion.
Para mostrar cada uno de los formularios de contacto estoy intentando que el usuario seleccione el formulario que desee mediante un radio button en otro formulario que al cambiar me va a mostrar el div correspondiente.
el problema es que no me esta mostrando el div.
soy nuevo en esto y les agradecería la ayuda
Código
<script language="javascript" type="text/javascript">
function cambia(){
if document.ftipo.btipo[0].checked==true
{
alert('opcion1 ');
document.getElementById('dreservaciones').style.di splay='none';
document.getElementById('dactividades').style.disp lay='none';
document.getElementById('dcomentario').style.displ ay? "":"block";
}
if document.ftipo.btipo[1].checked==true
{
alert('opcion2 ');
document.getElementById('dcomentario').style.displ ay='none';
document.getElementById('dreservaciones').style.di splay='block';
document.getElementById('dactividades').style.disp lay='none';
}
if document.ftipo.btipo[2].checked==true
{
alert('opcion3 ');
document.getElementById('dcomentario').style.displ ay='none';
document.getElementById('dreservaciones').style.di splay='none';
document.getElementById('dactividades').style.disp lay='block';
}
}
</script>
<div id="d_tipo" style="background-color:#CCCCCC">
<form id="ftipo" name="ftipo" method="post" action="">
<p>Elija el tipo de contacto</p>
<p>
<label>
<input type="radio" name="btipo" id="b_comentario" value="b_comentario" checked="checked" onclick="cambia(this,'DivMuestra')"/>
Comentarios | Sugerencias | Preguntas </label>
</p>
<p>
<label>
<input type="radio" name="btipo" id="b_reservaciones" value="b_reservaciones" onchange="cambia(this,'DivMuestra')"/>
</label>
Reservaciones</p>
<p>
<label>
<input type="radio" name="btipo" id="b_alquiler" value="b_alquiler" onchange="cambia()"/>
</label>
Alquileres | Actividades Privadas
</p>
</form>
</div>
<div id="dcomentario" style="display:none">
<form id="f_comentario" name="f_comentario" method="post" action="">
<p>Formulario de Comentarios | Sugerencias | Preguntas</p>
<p>Nombre
</p>
<label>
<input type="text" name="tc_nombre" id="tc_nombre" />
</label>
<p>Correo Electrónico
<label>
<input type="text" name="tc_correo" id="tc_correo" />
</label>
</p>
<p>Número de Teléfono
<label>
<input type="text" name="tc_telefono" id="tc_telefono" />
</label>
</p>
<p>Pregunta | Comentrio | Sugerencia</p>
<p>
<label>
<textarea name="tc_detalle" id="tc_detalle"></textarea>
</label>
</p>
<p> </p>
</form>
</div>
<div id="dreservaciones" style="display:none">
<form id="f_reservaciones" name="f_reservaciones" method="post" action="">
<p>Formulario de Reservaciones</p>
<p>Datos Personales</p>
<p>Nombre</p>
<label>
<input type="text" name="tr_nombre" id="tr_nombre" />
</label>
<p>Correo Electrónico
<label>
<input type="text" name="tr_correo" id="tr_correo" />
</label>
</p>
<p>Número de Teléfono
<label>
<input type="text" name="tr_telefono" id="tr_telefono" />
</label>
</p>
<p>_______________________________________________ ________________</p>
<p>Datos de la reservación</p>
<p>Número de habitaciones a reservar
<label>
<input type="text" name="tr_habitaciones" id="tr_habitaciones" />
</label>
</p>
<p>Tipo de habitación
<label>
<select name="tr_tipo" id="tr_tipo">
<option value="Sencilla">Habitación Sencilla</option>
<option value="Doble">Habitación Doble</option>
<option value="Triple">Habitación Triple</option>
</select>
</label>
</p>
<p>Cantidad de días a reservar
<label>
<input type="text" name="tr_cant_dias" id="tr_cant_dias" />
</label>
</p>
<p>Fecha de entrada
<label>
<input type="text" name="tr_fecha" id="tr_fecha" />
</label>
</p>
<p>Detalles Adicionales</p>
<p>
<label>
<textarea name="tr_detalle" id="tr_detalle"></textarea>
</label>
</p>
<p> </p>
</form>
</div>
<div id="dactividades" style="display:none">
<form id="f_actividades" name="f_actividades" method="post" action="">
<p>Formulario de Actividades Privadas</p>
<p>Datos Personales</p>
<p>Nombre </p>
<label>
<input type="text" name="ta_nombre" id="ta_nombre" />
</label>
<p>Correo Electrónico
<label>
<input type="text" name="ta_correo" id="ta_correo" />
</label>
</p>
<p>Número de Teléfono
<label>
<input type="text" name="ta_telefono" id="ta_telefono" />
</label>
</p>
<p>_______________________________________________ ________________</p>
<p>Datos de la Actividad</p>
<p>Lugar a Alquilar
<label>
<select name="ta_lugar" id="ta_lugar">
<option value="Restaurante" selected="selected">Restaurante</option>
<option value="Hotel">Hotel</option>
<option value="Area Deportiva">Área Deportiva</option>
<option value="Piscina">Piscina</option>
<option value="Todo">Todo el complejo</option>
</select>
</label>
</p>
<p>Cantidad de días a reservar
<label>
<input type="text" name="ta_cant_dias" id="ta_cant_dias" />
</label>
</p>
<p>Fecha de la actividad
<label>
<input type="text" name="ta_fecha" id="ta_fecha" />
</label>
</p>
<p>Detalles Adicionales</p>
<p>
<label>
<textarea name="ta_detalle" id="ta_detalle"></textarea>
</label>
</p>
<p> </p>
</form>
</div>
