como usar la funcion window.opener.document.getElementById().innerHTML

[jorgeazul3]

Como dice el titulo solo quisiera que alguien me muestre algun ejemplo de como utilizar window.opener.document.getElementById().innerHTML lo que quiero hacer es lo siguiente, desde una pagina principal cargo paginas en unos div unos de esos div muestra imagenes y tambien abro una segunda ventana donde subo imagenes a mi servidor, lo que quiero hacer es que despues de que suba mis imagenes al servidor se recargue mi div que muestra las imagenes de manera automatica y buscando con google encontre que se puede hacer con la funcion window.opener.document.getElementById().innerHTML, pero no muestran ejemplos o no tiene una explicacion de como usarlo y yo soy novatos en la programacion. Ojala que alguien me pueda ayudar

[IXtremeLT]

Hola,

Si tienes en la página principal una imagen como esta:

<img src="imagenes/1.jpg" id="imagen" />

Y en la secundaria deseas actualizar la imagen 1.jpg, al terminar el proceso en la ventana secundaria, puedes hacer algo así:

Código Javascript:

//Al terminar el proceso del servidor
window.opener.document.getElementById( "imagen" ).href+="?"+parseInt(Math.random()*999);
//He incluso puedes cerrar la ventana haciendo:
window.close();
 

Si te fijas solo agregué "?" más un número al azar de 0 a 999 al mísmo enlace (en este caso imagenes/1.jpg) por que la imagen fué cambiada pero con el mísmo nombre por lo que es necesario aplicar algún cambio que no afecte al enlace original con el propósito que la imagen vuelva a ser recarga sin utilizar el caché (dónde está la imagen antigua).

Si la imagen cambia de enlace, como "imagenes/2.jpg", no es neceario hacer el método mencionado, simplemente haces ...href=nuevo_enlace (donde nuevo_enlace sería "imagenes/2.jpg"[en el caso de este ejemplo]).

Saludos.

[jorgeazul3]

Iniciado por IXtremeLT

Hola,

Si tienes en la página principal una imagen como esta:


Y en la secundaria deseas actualizar la imagen 1.jpg, al terminar el proceso en la ventana secundaria, puedes hacer algo así:

Código Javascript:

//Al terminar el proceso del servidor
window.opener.document.getElementById( "imagen" ).href+="?"+parseInt(Math.random()*999);
//He incluso puedes cerrar la ventana haciendo:
window.close();
 

Si te fijas solo agregué "?" más un número al azar de 0 a 999 al mísmo enlace (en este caso imagenes/1.jpg) por que la imagen fué cambiada pero con el mísmo nombre por lo que es necesario aplicar algún cambio que no afecte al enlace original con el propósito que la imagen vuelva a ser recarga sin utilizar el caché (dónde está la imagen antigua).

Si la imagen cambia de enlace, como "imagenes/2.jpg", no es neceario hacer el método mencionado, simplemente haces ...href=nuevo_enlace (donde nuevo_enlace sería "imagenes/2.jpg"[en el caso de este ejemplo]).

Saludos.

Gracias por tu explicacion pero creo que no me di a entender bien, en mi pagina tengo un <div id=contenido></div> este div se encuentra dentro de mi pagina padre en este div cargo con ajax mi pagina llamada imagenes.php que me muestra todas las imagenes subidas al servidor, lo que quiero es que despues de subir imagenes al servido con mi pop-ups se cargue nuevamente mi pagina imagenes.php dentro del div que se encuentra en mi pagina padre.

[IXtremeLT]

En ese caso tienes que llamar a la función que utiliza AJAX para recoger las imagenes, bueno para ello tendrás que ejecutar esa función desde la ventana secundaria de la siguiente forma:

Código Javascript:

window.opener.tuFuncion();
 

Tambien puedes acceder a variables de la misma forma, saludos.