viernes, 13 de marzo de 2009

Bloque T1.2

Como ya me ha mareado bastante el rhino he optado por ir haciendo los ejecicios en paginas html.

Este bloque nos pedia hacer una función que devuelva una tabla en HTML con el número de filas y columnas que se le pasen como parámetro. Lo que y he hecho es un formulario donde introducimos el número de filas y columnas que queremos (se comprueba que sean números y un solo dígito) y cuando le damos a crear tabla nos la crea con el tamaño pedido. El código html completo es el siguiente:

< html>
< head>
< title>
Tabla
< /title>
< meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
< script language="javascript" type="text/javascript">

function validacion(formulario) {

var num_fila = /^([0-9])$/
var num_columna = /^([0-9])$/

//comprueba si es un numero
if(!num_fila.test(formulario.filas.value)) {
alert('Número de filas incorrecto.')
document.formulario.filas.focus();
return false
}


if(!num_columna.test(formulario.columnas.value)) {
alert('Número de columnas incorrecto.')
document.formulario.columnas.focus();
return false
}




var confirmar = confirm('La tabla será de '+document.formulario.filas.value+' filas y '+document.formulario.columnas.value+' columnas.')
if (confirmar){
creartabla(document.formulario.filas.value,document.formulario.columnas.value);
return true
}
else{
return false
}


}

function creartabla(numfilas,numcolumnas){
var tabla="table";
var celda="td";
var fila="tr";
var matriz = [1,2,3,4,5,6,7,8,9];
document.writeln( "<"+tabla+">");
for (var i=0; i document.writeln( "<"+fila+">");
for (var j=0; j// document.writeln ("<"+celda+">"+matriz[i]*matriz[j]+"");
document.writeln ("<"+celda+">"+' ('+matriz[i]+','+matriz[j]+") ");

}
document.writeln ("\n");
}
document.writeln ("");

}
< /script>
< /head>


< body>
< br>
< br>
< center>
< form name="formulario">
Introduce un tamaño para la tabla y el grosor de las lineas de dicha tabla y aparecerá dibujada a continuación

< p>


Num Filas
< input type="text" name="filas" size="5">

< p>

Num Columnas
< input type="text" name="columnas" size="5">

< p>


< input type="button" value="Crear Tabla" onclick="validacion(formulario);">

< INPUT TYPE="reset" VALUE="Borrar Datos">


< /form>

< /center>
< /body>
< /html>

No hay comentarios: