$(function () {
function celdas(){
$('td').mouseenter(function () {
$(this).addClass("destacado");
});
$('td').mouseleave(function () {
$(this).removeClass("destacado");
});
}
$('#crear').click(function () {
var tabla = "";
var filas = $('#filas').val();
var columnas = $('#columnas').val();
for (var i = 0; i < filas; i++) {
tabla += "";
for (var j = 0; j < columnas; j++) {
tabla += "| # | ";
}
tabla += "
";
}
tabla += "
";
$('#resultado').html(tabla);
celdas();
});
$('#crear2').click(function () {
var tabla = "
";
var filas = $('#filas').val();
var columnas = $('#columnas').val();
var fila = "";
for (var i = 0; i < columnas; i++) {
fila += "| # | ";
}
for (var i = 0; i < filas; i++) {
tabla += "" + fila + "
";
}
tabla += "
";
$('#resultado').html(tabla);
});
$('#crear3').click(function () {
var tabla = "
";
$('#resultado').html(tabla);
var filas = $('#filas').val();
var columnas = $('#columnas').val();
for (var i = 0; i < filas; i++) {
$('tbody').append("
|
");
}
for (var i = 0; i < columnas; i++) {
$('tr').append("
# | ");
}
});
$('#aumentar').click(function () {
$('#fila_nueva').click();
$('#col_nueva').click();
});
$('#fila_nueva').click(function () {
var fila = $('tr').html();
$('table').append("
" + fila + "
");
celdas();
});
$('#col_nueva').click(function () {
$('tr').append("
# | ");
celdas();
});
$('#rellenar').click(function () {
$('td').text($('#contenido').val());
});
$('#numerar').click(function () {
var cont = 1;
$('td').each(function () {
$(this).text(cont);
cont++;
});
});
});
