Div在新窗口彈出並彈出內容到其位置

我希望每個熟悉gmail聊天的人都可以在其中彈出您的聊天窗口到新窗口及其內容，如果您按下彈出式窗口新的窗口將被放置在前面的位置Div在新窗口彈出並彈出內容到其位置

我做了一些工作，周圍是和下面的是我能夠有出其示例內容打開新窗口中的內容我的問題

如果我已經輸入在彈出窗口中，iframe內的child.html中的文本框未顯示。

開瓶器

<!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=utf-8" /> 
<title>Popup checking</title> 
<script type="text/javascript"> 
var winObj; 
function openwindow() 
{ 
    winObj=window.open("","_blank","height=200,width=400,status=yes,toolbar=no,menubar=no,location=no"); 
    var s=document.getElementById('page').innerHTML; 
    console.log(s); 

winObj.document.write(s); 


} 
function changeValue() 
{ 
    console.log(winObj.document.getElementById('changer').value); 
    winObj.document.getElementById('changer').value='changer'; 
} 
</script> 
</head> 

<body> 
    <div id="page"> 
     <iframe src="child.html" width="100" height="100"></iframe> 
    </div> 
    <div id="page1"> 
    <input type="text" id="text1"/> 
    <input type="button" value="popup" onclick="openwindow()"/> 
    <input type="button" value="changevalue" onclick="changeValue()"/> 
    </div> 
</body> 
</html>

兒童

<!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=utf-8" /> 
<title>Untitled Document</title> 
<script type="text/javascript"> 
    function openerChange() 
    { 
      window.opener.document.getElementById('text1').value="Value changed.." 
    } 
</script> 
</head> 

<body> 
    <input type="text" value="" id="changer" /> 
    <input type="button" value="changed" onclick="openerChange()"/> 
</body> 
</html>

來源

2014-01-06 Thirumalai murugan

我沒有看到一個問號。 –

你需要一個分號。

function openerChange() 
{ 
     window.opener.document.getElementById('text1').value="Value changed.."; 
}

來源

2014-01-06 06:30:22

我不期待這一個....它的工作與出分半結腸也，但我需要的是，而父窗口和用戶在子窗口中鍵入內容，然後按下彈出窗口，現在子窗口中的子窗口將在新窗口中彈出輸入內容不會出現在新打開的窗口中的窗口。 –

Div在新窗口彈出並彈出內容到其位置

回答

相關問題