Foros del Web » Programando para Internet » Javascript »

Javascript e iframe

Estas en el tema de Javascript e iframe en el foro de Javascript en Foros del Web. Hola necesito saber como levantar con javascript unos div. tengo lo siguiente. Una pagina principal.php y dentro de ella un iframe donde se abren las ...
  #1 (permalink)  
Antiguo 15/07/2010, 07:27
 
Fecha de Ingreso: febrero-2008
Mensajes: 6
Antigüedad: 16 años, 2 meses
Puntos: 0
Javascript e iframe

Hola necesito saber como levantar con javascript unos div.
tengo lo siguiente.
Una pagina principal.php y dentro de ella un iframe donde se abren las demas paginas de la web, y los que necesito hacer es lo siguiente:

en el principal.php tengo este codigo para hacer transparencia cuando tiro algun mensaje.
<iframe id="transparenciaiframe" scrolling="no" frameborder="0"></iframe>
<div id="transparencia">
<div id="transparenciaMensaje">aaaaaaaaaaaa</div>
</div>

En un js tengo una funcion que es la siguiente:

divTransparente=document.getElementById("transpare ncia");
iframeTransparente=document.getElementById("transp arenciaiframe");
divMensaje=document.getElementById("transparenciaM ensaje");

ahora cuando ejecuto la pagina tira error que el divMensaje, divTransparente, iframeTransparente es nulo.

osea cuando abre la pagina principal en el iframe se carga el login.php y dentro de login.php llamo a esa funcion js para identificar esos elementos pero no lo hace... ya probe haciendo esto

divTransparente=parent.document.getElementById("tr ansparencia");
iframeTransparente=parent.document.getElementById( "transparenciaiframe");
divMensaje=parent.document.getElementById("transpa renciaMensaje");

y sigue haciendo lo mismo.
si alguien me puede dar una mano, desde ya muchas gracias
  #2 (permalink)  
Antiguo 15/07/2010, 07:52
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Javascript e iframe

Hola

A ver si te entendido. Prueba así window.parent.frames['elframe'].document.getElementById(elelemnto);

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #3 (permalink)  
Antiguo 15/07/2010, 08:08
 
Fecha de Ingreso: febrero-2008
Mensajes: 6
Antigüedad: 16 años, 2 meses
Puntos: 0
Respuesta: Javascript e iframe

sigue sin funcionar...

por si no se entendio, yo una vez que abri la pagina principal.php que dentro de esta hay un IFRAME (no un frame) donde el src del iframe levanta login.php. en login.php tengo un form de logueo donde el usuario pone su nombre y pass, cuando hace click en el boton ingresar yo ejecuto una funcion donde activa las transparencias, y ahi es donde tengo el problema, que desde el login.php que se ejecuta en el iframe no puedo levantar el elemento que se encuentra en principal.php osea fuera del iframe...

debe haber alguna solucion...

desde ya muchas gracias por tu pronta respuesta
  #4 (permalink)  
Antiguo 15/07/2010, 12:10
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Javascript e iframe

Hola

A ver si acertamos ahora window.parent.document.getElementById('elemento')

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #5 (permalink)  
Antiguo 15/07/2010, 12:27
 
Fecha de Ingreso: febrero-2008
Mensajes: 6
Antigüedad: 16 años, 2 meses
Puntos: 0
Respuesta: Javascript e iframe

paaaa sigue sin andar.... no hay caso Adler.... no se porq....seguire buscando... estoi seguro que algo debe haber para reconocer la pagina padre en la que esta el elemento.... seguire investigando... grax por tu respuesta
  #6 (permalink)  
Antiguo 15/07/2010, 13:28
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Javascript e iframe

Hola

La ventana padre es window.parent y con document.getElementById('elemento') haces referencia a un elemento de la venta padre. Un ejemplo sencillo. En el iframe de la página A cargas la página B. Aparte de que en la página A este el iframe, hay un div. Lo que vamos a intentar es ocultar ese div desde el iframe

a.php
Cita:
<iframe id="elframe" name="elframe" frameborder="1" scrolling="auto" src="b.php"></iframe>
<div id="eldiv">Este div se oculta desde el link del iframe</div>
b.php
Cita:
function oculta() {
window.parent.document.getElementById('eldiv').sty le.display= 'none';
}

<a href="javascript:void(0);" onclick="oculta();">Oculta el div</a>
O continuo sin entenderlo

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #7 (permalink)  
Antiguo 15/07/2010, 14:12
 
Fecha de Ingreso: febrero-2008
Mensajes: 6
Antigüedad: 16 años, 2 meses
Puntos: 0
Respuesta: Javascript e iframe

gracias Adler, el error era mio... estaba en otra pagina padre..... que pelotas de humo....ahi anduvo. gracias por tu tiempo. saludos
  #8 (permalink)  
Antiguo 15/07/2010, 14:25
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Javascript e iframe

Cita:
Iniciado por flakopro Ver Mensaje
gracias Adler, el error era mio... estaba en otra pagina padre..... que pelotas de humo....ahi anduvo. gracias por tu tiempo. saludos
Pá vernos matao
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />

Etiquetas: iframe
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 12:42.