Почему код ниже не работает?

У меня есть набор фреймов и 2 фрейма.

Чего я хочу добиться, так это: пользователь нажимает на изображение/кнопку. Это открывает страницу в другом фрейме. Затем я могу вызвать функцию на этой странице.

Ниже приведен пример кода:

Main_File.html

<head>
     <frameset row="53px,*">
     <frame src="menuPage.html">
     <frame src="homePage.html" id="MainWindow">
     </frameset>
</head>

menuPage.html

<html>
<script>
  function ShowFunc()
  {
      top.MainWindow.location='homePage.html';
      top.MainWindow.Show()
  }
</script>
<body>
  <img src="abc.jpg" onclick="ShowFunc()">
</body>

homePage.html

<html>
<script>
   function Show()
   {
      document.getElementById('hiddenDiv').style.display='block';
   }
</script>
<style>
   #hiddenDiv
   {
       height:100px;
       width:100px;
       position:absolute;
       top:10px;
       left:10px;
       display:none;
   }
</style>
<body>
   <div id="hiddenDiv">
     Some Text
   </div>
</body>

Это всего лишь пример кода.

В основном я хочу, чтобы при загрузке frame2/homePage.html hiddenDiv не был виден.

Но когда я нажимаю на изображение, присутствующее в frame1, этот div должен стать видимым.

Любое предложение?


person Chirag    schedule 08.09.2015    source источник
comment
Похоже, вы хотите, чтобы два фрейма взаимодействовали друг с другом, проверьте этот вопрос: Как общаться между фреймами ?.   -  person Spencer Wieczorek    schedule 08.09.2015
comment
Спасибо @SpencerWieczorek. Я нашел решение на этой странице.   -  person Chirag    schedule 08.09.2015
comment
Здорово! Тогда я проголосую за то, чтобы закрыть это как дубликат.   -  person Spencer Wieczorek    schedule 08.09.2015