<!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>
<script>
//Script original de KarlanKas para forosdelweb.com
var caracter="1234567890";
caracter+="QWERTYUIOPASDFGHJKLÑZXCVÇBNM";
caracter+="qwertyuiopñlkjhçgfdsazxcvbnm";
var numero_caracteres=8;
var total=caracter.length;
function azar(){
var clave="";
for(a=0;a<numero_caracteres;a++){
clave+=caracter.charAt(parseInt(total*Math.random( 1)));
}
document.forms[0].clave2.value=clave;
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Registro de URL </title>
<style type="text/css">
<!--
.izquierdo {
text-align: left;
}
-->
</style>
</head>
<body onload="azar()">
<SCRIPT LANGUAGE="JavaScript">
var contador=1;
function añadirDatosLista ()
{
var t,fila,celda1,celda2,celda3,celda4,celda5,celda6,c elda7,nodo1,nodo2,nodo3,nodo4,nodo5,nodo6,borrar;
t=document.getElementById("tabla"); //Obtenemos la tabla por su identificador "tabla"
fila=t.insertRow(1); //Insertamos una nueva fila vacía en la primera posición de la tabla
celda1=fila.insertCell(0); //Añadimos una nueva celda a la fila antes creada en la tabla en la primera posición
celda2=fila.insertCell(1);
celda3=fila.insertCell(2);
celda4=fila.insertCell(3);
celda5=fila.insertCell(4);
celda6=fila.insertCell(5);
celda7=fila.insertCell(6);
nodo1=document.createTextNode(document.forms[0].dni.value); //Creación de un nodo de tipo texto con el texto del campo DNI
nodo2=document.createTextNode(document.forms[0].nombre.value);
nodo3=document.createTextNode(document.forms[0].ape1.value);
nodo4=document.createTextNode(document.forms[0].ape2.value);
nodo5=document.createTextNode(document.forms[0].edad.value);
nodo6=document.createTextNode(document.forms[0].ciudad.value);
borrar=document.createElement("<INPUT TYPE='button' VALUE=Borrar ONCLICK='borrarDatosLista(this)'>"); //Creación del boton de borrado
contador++;
celda1.appendChild(nodo1); //Se agrega a la primera celda el nodo de tipo texto con el contenido del DNI
celda2.appendChild(nodo2);
celda3.appendChild(nodo3);
celda4.appendChild(nodo4);
celda5.appendChild(nodo5);
celda6.appendChild(nodo6);
celda7.appendChild(borrar);
}
function borrarDatosLista (obj)
{
t=document.getElementById("tabla");
t.deleteRow ();
}
</SCRIPT>
<FORM NAME=formulario>
<BR>
<table width="200" cellspacing="2">
<tr>
<th class="izquierdo" scope="row"> </th>
<td class="izquierdo"> </td>
</tr>
<tr>
<th class="izquierdo" scope="row">Folio</th>
<td class="izquierdo">
<input name="dni" type="text" disabled="disabled" id="clave2" readonly="readonly" /></td>
</tr>
<tr>
<th class="izquierdo" scope="row">Nombre Java</th>
<td class="izquierdo">
<input type="text" name="nombre" />
</td>
</tr>
<tr>
<th class="izquierdo" scope="row">URL Fuente</th>
<td class="izquierdo">
<input type="text" name="ciudad" />
</td>
</tr>
<tr>
<th class="izquierdo" scope="row">Autor</th>
<td class="izquierdo">
<input name="ape1" type="text" value="" />
</td>
</tr>
<tr>
<th class="izquierdo" scope="col">Codigo</th>
<th class="izquierdo" scope="col">Comentario</th>
<th class="izquierdo" scope="col">
<input type="button" value="Añadir" onclick="añadirDatosLista ()" />
</th>
</tr>
<tr>
<td class="izquierdo">
<textarea name="ape2" rows="5"></textarea>
</td>
<td class="izquierdo">
<textarea name="edad" rows="5"></textarea>
</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<p> </p>
</FORM>
<p> </p>
<TABLE ID="tabla" BORDER="1">
<TR>
<TH>Folio</TH>
<TH>Nombre Java</TH>
<TH>Autor</TH>
<TH>Codigo</TH>
<TH>Comenatios</TH>
<TH>URL Fuente</TH>
<TH>Movimientos</TH>
</TR>
</TABLE>
<p> </p>
<p> </p>
</body>
</html>