2014-02-27 79 views
5

我是新來的JavaScript,我卡在這裏。 假設我有一個父窗口,它有一個輸入字段以及一個打開彈出窗口的按鈕。該彈出窗口包含圖像。當我點擊彈出窗口中的任何圖像時,我只需要將圖像URL複製到父窗口中的輸入。 請任何幫助。由於Javascript將值從一個彈出窗口傳遞到它的父窗口

編輯:

這是我的彈出窗口上的JavaScript代碼

<script type="text/javascript"> 
function clicked(address) { 
    window.parent.document.getElementById('copy_img').value = address.src; 

} 
</script> 

HTML

<input type="text" name="copy_img" id="copy_img" size="133" /> 
<img border="0" onclick="clicked(this)" src="images/1.jpg" width="135" height="46"> 
<img border="0" onclick="clicked(this)" src="images/2.jpg" width="128" height="48"> 
<img border="0" onclick="clicked(this)" src="images/3.jpg" width="305" height="44"> 

父窗口的HTML代碼

<input type="text" name="copy_img" id="copy_img" /> 

我只是不能得到它的工作

+0

我不知道這個父彈出的關係!但我認爲這一點,你必須使用後端爲你的父母獲得價值! –

回答

6

我終於想通了 使用window.opener

window.opener.document.getElementById('archiveimages').value = address.src; 
0

當用戶從彈出窗口中選擇圖像時,使用以下語句來設置輸入字段的值。假設輸入欄的ID是「myInputField」

window.parent.document.getElementById('myInputField').value = imargeUrl; 
+0

請在我原來的帖子中看看代碼。謝謝 – user2044626

+0

@ user2044626對不起剛剛看到你的編輯,很高興它解決了。 – MoustafaAAtta

0

您可以使用打開的窗口:

window.open('http://www.website.com/popup/page?var=test','Note','width=700,height=500,top=150,left=150,scrollbars=yes' 

然後當你點擊彈出的鏈接,你可以這樣做:

goback('http://www.website.com/page?var=testing'); 
0
window.parent.getImageURL(img.src); 

彈出窗口可以通過上述方法訪問父窗口的javascript,只需在全局範圍內有一個函數(如getImageURL()),它就會工作

+0

我編輯了我的文章,並且包含了我使用的完整代碼。你可以看看嗎?謝謝 – user2044626

相關問題