Problema con document write

[Mikelon85]

No me funciona un código en document.write pero si me funciona en un HTML normal.

Vereis, hago un llamamiento a layer.js

<script src="layer.js" type="text/javascript"></script>

y layer.js tiene:

document.write('<script type="text/javascript">
window.onload=function() { setTimeout("mostrarCapa()", 3000); }

function mostrarCapa()
{
document.getElementById("oculta").style.display="b lock";
}
</script>

<style type="text/css">
#oculta { display:none; background-color:#FFFF00; width:400px; height:400px; margin:auto; }
</style>');

Estoy desesperado, ya que si pongo ese codigo sin document.write en un HTML normal si me funciona.

Un saludo

[AlvaroG]

Pues no sé por qué lo haces así, si ese es un ejemplo real (y no una simplificación de un sistema que te obligue a trabajar de esa forma), deberías hacerlo así:

Código html:

<script src="layer.js" type="text/javascript"></script>
<style type="text/css"> 
#oculta { display:none; background-color:#FFFF00; width:400px; height:400px; margin:auto; } 
</style>
 

Siendo el contenido de "layer.js" el siguiente:

Código javascript:

window.onload=function() {
    setTimeout(mostrarCapa, 3000);
};
 
function mostrarCapa() { 
    document.getElementById("oculta").style.display="block"; 
}
 

Esto funciona igual, sin write ni escritura de etiquetas.

Quizás incluso quieras mover ese trozo de CSS a un archivo y vincularlo también de forma externa.


Saludos.