- la idéa es hacer el mismo ejemplo pero con botón de opción en vez de checkbox y no me sale de ninguna forma.. ¿alguien que me revise el código porfa?.. Gracias por adelantado..
<html>
<head>
<title>Expandir formulario</title>
<script type='text/javascript' src='formexp.js'></script>
<script>
function expandir_formulario(){
if (document.f1.pago.checked){
xDisplay('capaexpansion', 'block')
}else{
xDisplay('capaexpansion', 'none')
}
}
</script>
<style type="text/css">
#capainicio{
position:relative;
}
#capaexpansion{
position:relative;
display:none;
}
#capafinal{
position:relative;
}
</style>
</head>
<body>
<form name=f1>
<div id=capainicio>
<table cellspacing="2" cellpadding="2" border="0">
<tr>
<td width="140">Expandir formulario:</td>
<td width="73">contado
<input type="radio" name="pago" value="1" onClick="expandir_formulario()"></td>
<td width="82">crédito
<input type="radio" name="pago" value="0" onClick="expandir_formulario()"></td>
</tr>
</table>
</div>
<div id=capaexpansion>
<table cellspacing="2" cellpadding="2" border="0">
<tr>
<td width=140>tarjeta:</td>
<td><input type="text" name="sexo" size="25"></td>
</tr>
<tr>
<td>ping:</td>
<td><input type="text" name="edad" size="3"></td>
</tr>
</table>
</div>
<div id=capafinal></div>
</form>
</body>
</html>
Mode Lineal
