從孩子控制父頁面

Question

我已經成功地將父頁面上的一些控件添加到子頁面（彈出）並使它們控制父頁面。這些是JavaScript的功能。

我現在想從父頁面這行添加到子頁：

<li><a class="button icon-play play" href="#" onclick="return false;"></a></li> 

與此去的JavaScript是：

// Listen for Play Button Click 
    $('.button.play').click(function(){ 
     if($(this).hasClass('icon-play')) 
     { 
      start_teleprompter(); 
     } 
     else 
     { 
      stop_teleprompter(); 
     } 
    }); 

遇到的問題IM是JavaScript是在一個名爲script.js的文件中，並且如果我無法看到它使腳本在鏈接位於子頁面上時運行。

以前我所做的是添加parent_window.document。到javascript函數。

使作品的類函數之一：（這個js是子頁）

function changeBGC(color) 
    { 
    if (parent_window && !parent_window.closed) { 
    parent_window.document.getElementById("teleprompter").style.backgroundColor = color; 
    } 
    } 

，併爲它的按鈕是：

<div class="swatch turquoise" onClick="javascript:changeBGC('#1abc9c')"></div> 

Answer 1

您可以將這個腳本添加到孩子頁面調用其父窗口的功能：

<script src="jquery.js"></script> 
<script> 
    $(function() { 
     $('.button.play').click(function(){ 
      if (parent_window && !parent_window.closed) { 
       if($(this).hasClass('icon-play')) { 
        parent_window.start_teleprompter(); 
       } else { 
        parent_window.stop_teleprompter(); 
       } 
      } 
     }); 
    }); 
</script>