Cambio de contenido de iframe al inicio

Radikal Edward · #1 (**permalink**) 27/05/2008, 17:10

Estimados, les cuento mi problema:

Tengo una tabla dentro de la cual he insertado un iframe de la siguiente manera:

<table width="640" border="0" cellpadding="10">
...
<tr valign="top">
<td>
<iframe id="contenido" name="contenido" frameborder="1" scrolling="auto" height="600px" width="450px"></iframe>
</td>
...
</tr>
...
</table>

El problema es que no logro modificar el contenido del iframe al momento de carga de la página, he probado con el evento onload() desde el body, he probado con una función javascript que carque al inicio, pero en ambos caso no he tenido suerte.
Supongo que mi error está en "como llegar hasta el iframe" mediante javascript, actualmente las sentencias que he probado en forma infructuosa han sido 2:

document.getElementById("contenido").src = "newpage.html";

frames["contenido"].location.href = "newpage.html";

La idea final del código es que al momento de cargar la página dentro del iframe me muestre un documento determinado (newpage.html)

Desde ya les agradezco su tiempo y espero que me puedan ayudar con mi pequeño problema.

Saludos a todos.

Radikal Edward

Panino5001 · #2 (**permalink**) 27/05/2008, 17:46

Tenés varias opciones:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>test</title> 
<script> 
window.onload=function(){ 
/*opcion 1*/ 
//document.getElementById('pp').src='http://www.google.com'; 
/*opcion 1*/ 
/*opcion 2*/ 
/* 
var ifr=document.getElementById('pp').contentDocument || document.getElementById('pp').contentWindow.document; 
ifr.location.href='http://www.google.com'; 
*/ 
/*opcion 2*/ 
/*opcion 3*/ 
//window.frames['pp'].location='http://www.google.com'; 
/*opcion 3*/ 
/*opcion 4*/ 
window.open('http://www.google.com','pp'); 
/*opcion 4*/ 
} 
</script> 
</head> 
<body> 
<iframe id="pp" name="pp"></iframe> 
 
</body> 
</html>

Radikal Edward · #3 (**permalink**) 27/05/2008, 21:23

Muchas gracias por tu respuesta Panino5001. Tu solución funciona perfecto tomándola textual como vos la has puesto. Mi problema (ya lo voy acotando cada vez más) es que teniendo el iframe dentro de la celda como yo lo puse al principio de mi post me es imposible visualizar la URL destino.

El problema en sí debe ser por estar dentro de la celda, lamentablemente no puedo sacarla fuera ya que destruiría mi diseño. Se puede referenciar mediante DOM el iframe contenido dentro de la celda? Espero sus valiosos comentarios.

Muchas gracias

Panino5001 · #4 (**permalink**) 27/05/2008, 22:13

Mmm. No tiene que ver con que esté o no dentro de una celda. Lo más probables es que tengas una duplicación de id o que tengas una variable global con el mismo nombre que querés referenciar (esto último produce errores en Explorer)

Radikal Edward · #5 (**permalink**) 28/05/2008, 07:33

Tenía un problema de lógica en el algoritmo con otro script dentro de la misma página. Las soluciones que vos me presentas funcionan de 10 tal cual las pusiste desde un principio Panino5001. Problema solucionado.

Nuevamente muchas gracias por tu ayuda!

Panino5001 · #6 (**permalink**) 28/05/2008, 07:36

Me alegra que lo hayas solucionado.