create element propiedades

carolina3 · #1 (**permalink**) 05/03/2012, 05:16

hola muy buenas tengo un script que me genera un elemento un iframe pero no se como puedo darle a este elemento propiedades como posición tamaño etc..

de echo ni siquiera se ve cuando edito en dreamweaver solo cuando ejecuto en un navegador alguien podría decirme como se le dan las propiedades a un elemento

este seria el código:

Código Javascript:

Ver original<script language="javascript">
 
function setHidden()
{
var frameContent=textEditor.document.body.innerHTML;
document.getElementById('titulo').value=frameContent;
}
 
 
<!--
function def()
{
var testframe = document.createElement("iframe");
testframe.name = testframe.id = "textEditor";
 
 
if (testframe.addEventListener){
testframe.addEventListener("load",function(e){this.contentWindow.document.designMode = "on";}, false);
} else if (testframe.attachEvent){
testframe.attachEvent("load", function(e){this.contentWindow.document.designMode = "on";});
}
 
document.body.appendChild(testframe);
 
 
 
 
textEditor.document.designMode="on";
textEditor.document.open();
textEditor.document.write('<head><style type="text/css">body{ font-family:arial; font-size:25px; }</style> </head>');//esta linea nos da el estilo con el que escribimos dentro del iframe demomento solo se eso 
textEditor.document.close();
textEditor.focus();
 
 
 
}
function fontEdit(x,y)
{
textEditor.document.execCommand(x,"",y);
textEditor.focus();
}
-->
</script>

una de las cosas que no entiendo muy bien es la funcion def que se le da al body

Código HTML:

Ver original<body onLoad="def()" ></body

si alguien me puede echar una manita gracias

IsaBelM · #2 (**permalink**) 05/03/2012, 06:22

no voy a comentar el código por que no diría nada positivo.

con respecto a tu pregunta. el punto está en crear un bloque (div) a este bloque div se le dan las propiedades (position, top, left, padding, ....) y se le inserta el iframe

carolina3 · #3 (**permalink**) 05/03/2012, 06:31

IsaBelM gracias por tu respuesta pero como llamo al iframe es lo que no se como llama esta función a este iframe para ponerlo dentro del div es el nombre de la función " def".

y otra cosa por favor es importante que me digas eso que comentas de que no dirías nada positivo porfa coméntame te agradezco tu respuesta pero si ves algo que esta fatal dime que es.

IsaBelM · #4 (**permalink**) 05/03/2012, 14:42

igual que creas el iframe, pero en este caso creas un div

Cita:

var testframe = document.createElement("iframe");

a este div le das las propiedades que quieras

Cita:

testframe.style.position='absolute';
.......

y con innerHTML, inserta el iframe

Cita:

testframe.innerHTML='<iframe width="700" height="300" .... />';