Buenas, soy nuevo en esta pagina y en todo lo relacionado con HTML y javascript, ya que asta ahora solo e usado java para programar y nunca e visto paginas web ni nada d eso y necesito ayuda en una cosa de un trabajo de la universidad, necesito a partir de checkboxes seleccionar que columnas de una tabla quiero ver (la tabla es de 20 filas y 3 columnas) y crearla la creo (en memoria se podria decir) pero al ir a imprimirla no soy capaz encima cuando añado la funcion que hace eso se me pierde la hora que tengo puesta que se obtiene con otra funcion, sin mas tonterias dejo el codigo:
Código PHP:
<html>
<head>
<script type="text/javascript">
function startTime()
{
var hoy=new Date();
var mes=new Array(12);
mes[0]="Enero";
mes[1]="Febrero";
mes[2]="Marzo";
mes[3]="Abril";
mes[4]="Mayo";
mes[5]="Junio";
mes[6]="Julio";
mes[7]="Agosto";
mes[8]="Septiembre";
mes[9]="Octubre";
mes[10]="Noviembre";
mes[11]="Diciembre";
var hora=hoy.getHours();
var minuto=hoy.getMinutes();
var segundo=hoy.getSeconds();
var dia=hoy.getDate();
var nombreMes=mes[hoy.getMonth()];
var anyo=hoy.getFullYear();
// add a zero in front of numbers<10
minuto=checkTime(minuto);
segundo=checkTime(segundo);
document.getElementById('fecha').innerHTML=dia+" de "+nombreMes+" de "+anyo+"<br>"+hora+":"+minuto+":"+segundo;
t=setTimeout('startTime()',500);
}
function checkTime(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}
function modificarColorFondo() {
document.bgColor = document.fondo.color.value;
}
function modificarColorLinkNoVisitado() {
document.body.vLink = document.linknovisitado.color.value;
}
function modificarColorLinkVisitado() {
document.body.link = document.linkvisitado.color.value;
}
function verColumnas(){
var tabla = new Array(20);
var tablaa = new Array(20);
var tablaaa = new Array(20);
for (i=0;i<tabla.length;i++)
{
tabla[i]="Fila "+i+", Columna 1";
tablaa[i]="Fila "+i+", Columna 2";
tablaaa[i]="Fila "+i+", Columna 3";
}
var tablas = "<table width=\"150\">";
for (i=0; i<tabla.length; i++) {
if (i%2=0){
tablas = tablas +"<tr bgcolor=\"lightskyblue\">";
}
else {
tablas = tablas +"<tr bgcolor=\"lightgrey\">";
}
for (j=0; j<3; j++) {
if((document.columnas.columna.checked)&&(j == 0)){
tablas = tablas +"<td width=\"30\" align=\"center\">["+tabla[i]+"]</td>" ;
}
if((document.columnas.columnaa.checked)&&(j == 1)){
tablas = tablas +"<td width=\"30\" align=\"center\">["+tablaa[i]+"]</td>" ;
}
if((document.columnas.columnaaa.checked)&&(j == 2)){
tablas = tablas +"<td width=\"30\" align=\"center\">["+tablaaa[i]+"]</td>" ;
}
}
tablas = tablas +"</tr>";
}
tablas = tablas +"</table>";
document.getElementById('MostrarTabla').innerHTML=tablas;
}
</script>
</head>
<body onload="startTime(); verColumnas()">
<div align=right id="fecha"></div>
<form name="fondo">
<input type="button" value="Modificar Color Fondo" onclick="modificarColorFondo()">
<select name="color">
<option value="yellow">Amarillo</option>
<option value="blue">Azul</option>
<option value="white">Blanco</option>
<option value="gray">Gris</option>
<option value="magenta">Magenta</option>
<option value="brown">Marrón</option>
<option value="orange">Naranja</option>
<option value="black">Negro</option>
<option value="gold">Oro</option>
<option value="silver">Plata</option>
<option value="red">Rojo</option>
<option value="pink">Rosa</option>
<option value="green">Verde</option>
<option value="violet">Violeta</option>
</select>
</form>
<form name="linknovisitado">
<input type="button" value="Modificar Color Link No Visitado" onclick="modificarColorLinkNoVisitado()">
<select name="color">
<option value="yellow">Amarillo</option>
<option value="blue">Azul</option>
<option value="white">Blanco</option>
<option value="gray">Gris</option>
<option value="magenta">Magenta</option>
<option value="brown">Marrón</option>
<option value="orange">Naranja</option>
<option value="black">Negro</option>
<option value="gold">Oro</option>
<option value="silver">Plata</option>
<option value="red">Rojo</option>
<option value="pink">Rosa</option>
<option value="green">Verde</option>
<option value="violet">Violeta</option>
</select>
</form>
<form name="linkvisitado">
<input type="button" value="Modificar Color Link Visitado" onclick="modificarColorLinkVisitado()">
<select name="color">
<option value="yellow">Amarillo</option>
<option value="blue">Azul</option>
<option value="white">Blanco</option>
<option value="gray">Gris</option>
<option value="magenta">Magenta</option>
<option value="brown">Marrón</option>
<option value="orange">Naranja</option>
<option value="black">Negro</option>
<option value="gold">Oro</option>
<option value="silver">Plata</option>
<option value="red">Rojo</option>
<option value="pink">Rosa</option>
<option value="green">Verde</option>
<option value="violet">Violeta</option>
</select>
</form>
<a href=actividad1.html>Link a ésta misma página!</a><br><br/>
<form name="columnas">
Columna 1:
<input type="checkbox" name="columna" value="1"><br>
Columna 2:
<input type="checkbox" name="columnaa" value="2"><br>
Columna 3:
<input type="checkbox" name="columnaaa" value="3"><br>
<input type="button" value="Ver columnas seleccionadas" onclick="verColumnas()">
</form>
<div align=right id="MostrarTabla"></div>
</body>
</html>