Question

It might be a simple, but the funny thing is i ve tried it for almost 2-3hrs and haven t been able to solve it :(.

I have a parent window, which has a text box, and it has a value. I do a window.open and open a client and try to read the value of the parent, but unable to get the value.

Any help!!

I ve tried

window.parent.document.getElementById(window.name)
window.parent.document.getElementById( test ).value
window.opener.document.getElementById( teast ).value
window.parent.opener.document.getElementById( teast ).value
window.opener.parent.document.getElementById( teast ).value

Almost all the permutation and combination. And its pure HTML.

Answer 1

Due to security restrictions, Javascript is unable to access documents that reside on a separate domain from the current one. So, if your parent is on a different domain from the child, this will never work.

Answer 2

window.opener.document.getElementById( test ).value should work.

Answer 3

I ve tried that, it ain t work. I m posting the code

test.html

<html>
<head>
<title>Chat</title>
</head>
<body>

<div id="chatMessages"></div>
<script>

var newWin = null;  
var OpenWindow = null;
function popUp(strURL, strType, strHeight, strWidth) {  
 if (newWin != null && !newWin.closed)  
   newWin.close();  
 var strOptions="";  
 if (strType=="console")  
   strOptions="resizable,height="+  
     strHeight+",width="+strWidth;  
 if (strType=="fixed")  
   strOptions="status,height="+  
     strHeight+",width="+strWidth;  
 if (strType=="elastic")  
   strOptions="toolbar,menubar,scrollbars,"+  
     "resizable,location,height="+  
     strHeight+",width="+strWidth;
 alert(window.parent.document.getElementById(window.name));
 newWin = window.open(strURL,  alertWindow , strOptions);

 //newWin.document.getElementById("child").value= Str ;  
newWin.focus();  
// send_data(data);
}


function chat() {
    popUp( ../alert.jsp , console ,250,600);
}

</script>

<form name="AlertReceiverOnHeader" onclick="chat()">
<input type="text" value="teast" id="teast" name="teast"/>
</form>

</html>

child.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Alert</title>
</head>
<body onload="load()">


<script language="JavaScript">

function load() {
    alert( In load );
    alert("001="+window.parent.document.getElementById( teast ));
    alert("002="+window.parent.document.getElementById(window.name));
    alert("003="+window.opener.document.getElementById( teast ).value);

}
</script>

<form name="child">
<input type="text" id="child" value="child"/>
</form>
</body>
</html>

test.html

child.html

友情链接