Problemas al incluir codigo html con javascript

[sadana]

Hola, tengo problemas con este codigo, no hace absolutamente nada la funcion a().
¿Me podríais indicar porque?
Gracias de antemano.


Este es mi codigo javascript:

<script type="text/javascript">

function a() {

newdiv = document.createElement("div");

newdiv.setAttribute("id","caja2");
newdiv.setAttribute("position","relative");
newdiv.setAttribute("background","#edf4f2");
newdiv.setAttribute("border","0.1em solid #000");
newdiv.setAttribute("top","55em");
newdiv.setAttribute("left","0em");
newdiv.setAttribute("width","50em");
newdiv.setAttribute("height","18em");

newdiv.setAttribute("border","1px solid #d6e1dd");
newdiv.setAttribute("-moz-border-radius","1em");
newdiv.setAttribute("-khtml-border-radius","1em");
newdiv.setAttribute("-webkit-border-radius","1em");
newdiv.setAttribute("border-radius","1em");

docBody = document.getElementsByTagName("body").item(0);
docBody.appendChild(newdiv);

}

El codigo html es:

<div id="container">
<br>
<br>
<div id="caja">
<div id="calen">
</div>

<div id="titulo">
<h3>BLA BLA BLA</H3><br>
</div>

<div id="texto">
</div>
</div>
<br>
<br>
<div id="añadir">
<input type="button" onclick="a()" value="Mostrar ">
</div>
<br>
<br>


</div>




</script>

[HackmanC]

Hola,

Top, Left, etc., no son attributos del elemento div.
Son propiedades del attributo style del elemento div.

Código:

newdiv.setAttribute("top","55em");
newdiv.setAttribute("left","0em");

Código:

newdiv.setAttribute("id", "caja2");
newdiv.setAttribute("style", "width: 50em; height: 18em; background-color: #edf4f2;");

Otra forma accesando el attributo style y sus propiedades:
http://www.maestrosdelweb.com/editorial/dom/

Saludos,

[sadana]

Gracias HackmanC

Ya me incrementa el tamaño y me incluye el div, pero me ha surgido otro problemilla, cuando refresco vuelve a su estado original. ¿se puede hacer algo para que el código se inserte permanentemente en el archivo?

[HackmanC]

Hola,

Por supuesto que no. El estado de una página web es muy volátil.
Para hacer persistente cualquier cosa se usan cookies, pero eso ... es otra historia.

Saludos,

[sadana]

Gracias HackmanC.

Creo que voy a estudiar un poquito.