Управление родительской страницей от дочернего пользователя

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(); 
     } 
    }); 

Проблема им с в том, что в JavaScript находится в файле script.js, и если я не вижу никакого способа сделать его, если ссылка находится на дочерней странице.

Ранее, что я сделал, добавлен parent_window.document. к функциям javascript.

Так один из fucntions, что работает: (это 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>