ejemplos - ¿Cómo escribo contenido en otra ventana del navegador usando Javascript?
innerhtml jquery ejemplos (4)
Creo que esto hará el truco.
function popUp(){
var newWindow = window.open("","Test","width=300,height=300,scrollbars=1,resizable=1")
//read text from textbox placed in parent window
var text = document.form.input.value
var html = "<html><head></head><body>Hello, <b>"+ text +"</b>."
html += "How are you today?</body></html>"
newWindow .document.open()
newWindow .document.write(html)
newWindow .document.close()
}
Abrí una nueva ventana con window.open () y quiero usar la referencia de la llamada window.open () para luego escribir contenido en la nueva ventana. Intenté copiar HTML de la ventana anterior a la nueva ventana usando myWindow.document.body.innerHTML = oldWindowDiv.innerHTML; pero eso no funciona. ¿Algunas ideas?
La referencia devuelta por window.open() es al objeto de ventana de la window secundaria. Para que pueda hacer cualquier cosa que normalmente haría, aquí hay un ejemplo:
var myWindow = window.open(''...'')
myWindow.document.getElementById(''foo'').style.backgroundColor = ''red''
Tenga en cuenta que esto solo funcionará si las ventanas padre e hijo tienen el mismo dominio . De lo contrario, las restricciones de seguridad de scripts entre sitios lo detendrán.
La solución de formulario que menciona Vijesh es la idea básica detrás de la comunicación de datos entre ventanas. Si está buscando algún código de biblioteca, hay un excelente plugin de jQuery para esto: WindowMsg (ver el enlace en la parte inferior debido al extraño error de auto-vinculación de ).
Como describí en mi respuesta aquí: ¿Cómo puedo implementar la funcionalidad de ventanas emergentes de chat en GMail? WindowMsg usa un formulario en cada ventana y luego el hash window.document.form [''foo''] para la comunicación. Como Dan menciona arriba, esto solo funciona si la ventana comparte un dominio.
También como se menciona en el otro hilo, puede usar JSON 2 lib de JSON.org para serializar objetos JavaScript para enviar entre ventanas de esta manera en lugar de tener que comunicarse únicamente con cadenas.
WindowMsg:
http://www.sfpeter.com/2008/03/13/communication-between-browser-windows-with-jquery-my-new-plugin/
myWindow.document.writeln(documentString)