Foros del Web - Ver Mensaje Individual

diego1311 · #3 (**permalink**) 08/11/2009, 21:58

Si quieres analiza este coidigo, abre el block de notas - copia y pega- guarda con el nombre que gustes y ejecuta

Código HTML:

<!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=utf-8" />
<title>Documento sin título</title>
</head>
<script language="javascript"> 
var datos=new Array();
var Id=new Array("nombres_","paterno_","materno_","email_");
var numeroGrupos=5;
var numeroItems=4;
function capturar()
{	
	for (i=0;i<numeroGrupos;i++)
	{
		datos[i]=Array();		
		for(j=0;j<numeroItems;j++)
			datos[i][j]=document.getElementById(Id[j]+i).value;
	}
	
}
 
function imprimir()
{
	var pantalla=document.getElementById("pantalla");
	for (i=0;i<numeroGrupos;i++)
	{
		for(j=0;j<numeroItems;j++)
			pantalla.innerHTML=pantalla.innerHTML+datos[i][j]+", ";	
		pantalla.innerHTML=pantalla.innerHTML+"<br><br>";
	}
}
</script>
<body>
 
<table border="1" width="100%"><tr><td valign="top">
<input type="button" value="capturar variables" onclick="capturar()"/>
<input type="button" value="imprimir variables" onclick="imprimir()"/><br />
<div style="width:500px; height:500px; border-style:solid; border-width:1px;" id="pantalla"></div>
</td><td valign="top">
nombres_0: &nbsp;&nbsp;<input type='text' id='nombres_0'><br>paterno_0: &nbsp;&nbsp;<input type='text' id='paterno_0'><br>materno_0: &nbsp;&nbsp;<input type='text' id='materno_0'><br>email_0: &nbsp;&nbsp;<input type='text' id='email_0'><br><br>nombres_1: &nbsp;&nbsp;<input type='text' id='nombres_1'><br>paterno_1: &nbsp;&nbsp;<input type='text' id='paterno_1'><br>materno_1: &nbsp;&nbsp;<input type='text' id='materno_1'><br>email_1: &nbsp;&nbsp;<input type='text' id='email_1'><br><br>nombres_2: &nbsp;&nbsp;<input type='text' id='nombres_2'><br>paterno_2: &nbsp;&nbsp;<input type='text' id='paterno_2'><br>materno_2: &nbsp;&nbsp;<input type='text' id='materno_2'><br>email_2: &nbsp;&nbsp;<input type='text' id='email_2'><br><br>nombres_3: &nbsp;&nbsp;<input type='text' id='nombres_3'><br>paterno_3: &nbsp;&nbsp;<input type='text' id='paterno_3'><br>materno_3: &nbsp;&nbsp;<input type='text' id='materno_3'><br>email_3: &nbsp;&nbsp;<input type='text' id='email_3'><br><br>nombres_4: &nbsp;&nbsp;<input type='text' id='nombres_4'><br>paterno_4: &nbsp;&nbsp;<input type='text' id='paterno_4'><br>materno_4: &nbsp;&nbsp;<input type='text' id='materno_4'><br>email_4: &nbsp;&nbsp;<input type='text' id='email_4'><br><br></td></tr>
</table>
</body>
</html>