Buenas tardes, tengo pocas nociones de html, pero tengo el siguiente código que al presionar el botón con el raton se cambia de color (a rojo). Hasta aqui todo correcto, pero me gustaria saber si es posible que ese cambio (a color rojo) pueda permanecer grabado en la pagina web, ya que si cerramos y volvemos a abrir la dirección web tenemos el estado inicial.
Es decir, necesitaría añadir un botón de "Guardar Cambios" para que el cambio de ese botón de color rojo permaneciese en la web. ¿me he explicado bien? ¿alguien puede ayudarme? muchas gracias
Ángel
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-7">
<title>menú botones</title>
<script type="text/javascript">
var n=1
function hazTablaCSS()
{ var tx = '<table id="menuBotones">'
for (i=0;i<n;i++)
{ tx += '<tr><td id="boton'+i+'" class="normal" onClick="eligeCSS('+i+')">17:30 a 19:00 </td></tr>'
}
tx += '</table>'
document.writeln(tx)
}
function eligeCSS(j)
{ for (i=0;i<n;i++)
{ var celda=document.getElementById('boton'+i)
if (i==j) celda.className="pulsado"
else celda.className="normal"
}
}
</script>
<style type="text/css">
#menuBotones { border:0; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; }
#menuBotones td { margin:5px; padding:1px 7px; }
.normal { background-color:#cccccc; border:2px outset #cccccc; color:#000000;}
.pulsado { background-color:#aa0000; border:2px inset #aa0000; color:#ffafff; }
</style>
</head>
<body>
<script type="text/javascript">hazTablaCSS()</script>
</body>
</html>
De antemano a todo aquel que aporte algo, muchas gracias.
Saludos