You are on page 1of 2

<html>

<head>
<title>despliega en otro formulario</title>
<style type="text/css">
.registro {width:330px; padding:10px; margin:15px; border: 2px dashed
#99ddaa;background-color:#aaccaa;}
.registro fieldset {background-color: #99ddaa; padding:10px 20px;}
.registro legend{font: bold 16px arial, sans-serif;color:#000; padding:0 15px;}
.registro label {font:bold 12px geneva, arial, helvetica, sans-serif; float:
left;width: 15%; text-align:right;padding:5px; color: #000000;}

.paraced {width:330px; padding:5px; margin:15px; border: 2px outset


#ccddaa;background-color:#ddccaa;}
.paraced fieldset {background-color: #99ddaa; padding:10px 20px;}
.paraced legend{font: bold 16px arial, sans-serif;color:#000; padding:0 15px;}
.paraced label {font:bold 12px geneva, arial, helvetica, sans-serif; width: 15%;
text-align:right;padding:5px; color: #000000;}

.enviar{margin:3px 0 0 83px;border:inset; background-color:#ddccaa;}


.otra {background-color:#ddccaa;}
</style>
<script language="javascript">
<!-- inicio de javascript -

function codifica(entrada) {
var provincias = new array ("bocas del toro", "cocl�", "col�n", "chiriqu�",
"dari�n", "herrera", "los santos", "panam�",
"veraguas");
partes = entrada.split("-"); // separa partes de la c�dula
var prov=partes[0];
/* coloca valores en campos del formulario ...des..
*/
document.des.xprov.value=provincias[prov - 1];
alert(prov - 1);
document.des.xtomo.value=partes[1];
document.des.xasiento.value=partes[2];
}
function enfoca() {
//coloca cursor en el campo xpro
document.captura.xpro.focus();
}
// - fin de javascript - -->
</script>

</head>
<body>
<form name="captura">
<div class="paraced">
<fieldset>
<legend>indique su c�dula</legend>
<label for="xpro1">c�dula:</label>
<input name="xpro" type="text" size="18" /><br />
<input class="otra" type=button value="enviar"
onclick="codifica(this.form.xpro.value)" />
<br />
<input class="enviar" name="denuevo" type="reset" value="otra c�dula?"
onclick="enfoca()" />
</form>
</div>
<div class="registro">
<fieldset>
<form name="des">
<legend>datos de la c�dula</legend>
<label for="xprov">provincia:</label>
<input name="xprov" type="text" size="20" />
<br />
<label for="xtomo">tomo:</label>
<input name="xtomo" type="text" size="5" />
<br />
<label for="xas">asiento:</label>
<input name="xasiento" type="text" size="5" />

</form>
</fieldset>
</div>
</body>
</html>

You might also like