Foros del Web » Programando para Internet » Javascript »

create element propiedades

Estas en el tema de create element propiedades en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/03/2012, 05:16
 
Fecha de Ingreso: agosto-2011
Ubicación: barcelona
Mensajes: 237
Antigüedad: 12 años, 8 meses
Puntos: 1
create element propiedades

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
  1. <script language="javascript">
  2.  
  3. function setHidden()
  4. {
  5. var frameContent=textEditor.document.body.innerHTML;
  6. document.getElementById('titulo').value=frameContent;
  7. }
  8.  
  9.  
  10. <!--
  11. function def()
  12. {
  13. var testframe = document.createElement("iframe");
  14. testframe.name = testframe.id = "textEditor";
  15.  
  16.  
  17. if (testframe.addEventListener){
  18. testframe.addEventListener("load",function(e){this.contentWindow.document.designMode = "on";}, false);
  19. } else if (testframe.attachEvent){
  20. testframe.attachEvent("load", function(e){this.contentWindow.document.designMode = "on";});
  21. }
  22.  
  23. document.body.appendChild(testframe);
  24.  
  25.  
  26.  
  27.  
  28. textEditor.document.designMode="on";
  29. textEditor.document.open();
  30. 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
  31. textEditor.document.close();
  32. textEditor.focus();
  33.  
  34.  
  35.  
  36. }
  37. function fontEdit(x,y)
  38. {
  39. textEditor.document.execCommand(x,"",y);
  40. textEditor.focus();
  41. }
  42. -->
  43. </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
  1. <body onLoad="def()" ></body

si alguien me puede echar una manita gracias
  #2 (permalink)  
Antiguo 05/03/2012, 06:22
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: create element propiedades

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
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #3 (permalink)  
Antiguo 05/03/2012, 06:31
 
Fecha de Ingreso: agosto-2011
Ubicación: barcelona
Mensajes: 237
Antigüedad: 12 años, 8 meses
Puntos: 1
Respuesta: create element propiedades

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.
  #4 (permalink)  
Antiguo 05/03/2012, 14:42
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: create element propiedades

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" .... />';
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}

Etiquetas: create, element, funcion, html, propiedades
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:07.