Ubicar iframe creado con función jS

[saggas]

Wenas con este encontrado en la Web creo un iframe sin problemas, pero no lo puedo posicionar me explico, la idea es ubicarlo dentro de otra pag. pero no encuentro la forma de poder colocarlo dentro de una div o simplemente dentro de la pag que va.

gracias totales

la función.

Código:

<script language="JavaScript">
			
 function crearFrame( ) 
	{
	var testFrame = document.createElement("IFRAME");
	testFrame.id = "testFrame";
	testFrame.frameborder="0px";
	testFrame.width="300";  //ancho
	testFrame.height ="100"; // alto
	testFrame.scrolling="no";
	testFrame.src = "contacto.html";
	var control = document.getElementById("testFrame")
	
	if (control==null)
		{
			document.body.appendChild(testFrame);
		}
	}  
						
</script>

el llamdo.

Código:

<div id="contaco">

<a href="javascript: void crearFrame( )" > <img src="imagenes/contaco.png" border=0 onmouseover="this.width=70;this.height=64;" onmouseout="this.width=60;this.height=54;" width="60" height="54"   /> </a>

</div>

[zerokilled]

Código:

			document.body.appendChild(testFrame);

esa es la linea que agrega el frame al documento. tienes que cambiarla por la referencia del elemento donde deseas agregar el frame. es decir, si es un DIV, obtienes la referencia del DIV mediante getElementById y luego agregas el frame con appendChild.

[saggas]

Hola gracias funciono pero otro problema, lo ubico en la div, luego por css ajusto la div asu pocicion pero solo hacepta el margen superior y la div queda pegada al lado izquierdo, probe moviendo por le lado derecho y tampoco.

funcion.

Código:

<script language="JavaScript">
	function crearFrame( lugar) 
	{
		var testFrame = document.createElement("IFRAME");
		testFrame.id = "testFrame";
		testFrame.frameborder="0px";
		testFrame.width="300";  //ancho
		testFrame.height ="100"; // alto
		testFrame.scrolling="no";
		testFrame.src = "contacto.html";
	var control = document.getElementById("testFrame")
		if (control==null)
		{
			document.getElementById("lugar")
			document.body.appendChild(testFrame);
		        return testFrame;
		}
	}  
						
</script>

llamado

Código:

<div id="contaco">
	<a href="javascript: void crearFrame(auto)" > <img src="imagenes/contaco.png" border=0 onmouseover="this.width=70;this.height=64;" onmouseout="this.width=60;this.height=54;" width="60" height="54"   /> </a>
</div>

la div

Código:

<div id="auto">
</div>

CSS


Código:

	
#ubi{
			margin-top: -250px; 
			margin-left: 350px;
			
	}
 

[saggas]

La solucion depues de buscar y entender JS.

Código:

var testFrame = document.createElement("IFRAME");
	testFrame.id = "testFrame";
	testFrame.width="550";  //ancho
	testFrame.height ="599"; // alto
        testFrame.scrolling="no";
	testFrame.src = "contacto.html";
	var control = document.getElementById("testFrame");
	   if (control==null)
	      {
		var lugar=document.getElementById("lugar");
		lugar.appendChild(testFrame).style.border="0";
		break;

la gracias era esta linea

Código:

lugar.appendChild(testFrame).style.border="0";