Hola:
Sobre que esté en ajax o javascript, mientras sea javascript, creo que es lo que corresponde, y si piensas en ajax, tal vez cuando llegue esa ocasión, creo que será mejor crear un tema nuevo en ese foro
Y ya que empiezas el tema con tanto entusiasmo, te haré algunas correcciones:
el estilo es "block" (display)... siempre en minúsculas, las mayúsculas solo deben usarse en los nombres compuestos (cuando llevan guiones) desde javascript, eliminando el guión y capitalizando la letra siguiente (porque con los guiones se podría confundir con operaciones de restas)...
Sobre el código, te recomiendo que implementes algunos "alias" para simplificarlo, te paso unos pocos que yo suelo usar:
Código:
/* ---------- Definición de alias... -------------- */
function tag(id) {return document.getElementById(id);}
function crear(e) {return document.createElement(e);}
function texto(t) {return document.createTextNode(t);}
function insEvent(elemento, ev, f) {
if (window.addEventListener) elemento.addEventListener(ev, f, false)
else elemento.attachEvent("on" + ev, f);
}
function borEvent(elemento, ev, f) {
if (window.addEventListener) elemento.removeEventListener(ev, f, false)
else elemento.detachEvent("on" + ev, f);
}
/* --------------------------------------------------------------------------
Otro consejo para simplificar el código es el uso de with()... basándome en tu código:
Código:
var layer=document.createElement('div');
with(layer) {
id = id; // este tipo de líneas es preferible evitarlas... yo cambiaría la cabecera
with(style) {
width = '100%';
height = '100%';
backgroundColor = color;
position = 'absolute';
top = 0;
left = 0;
zIndex = 100;
}
}
Saludos
