2015-02-24 2 views
0

Я не понимаю. Я думал, что я это сделал, и теперь я не могу этого сделать. Простой html с iframe. Indide iframe - это другой html. Я хочу изменить изображение из основного iframe при доступе к iframe. HTML от основного HTML:Не удается получить доступ к родительским элементам из iframe

Главная HTML:

<!DOCTYPE HTML> 
<html lang="en"> 
    <head></head> 
    <body> 
     <img id="logo" src="../img/fpdfilms-logo-home.png" /> 
     <iframe id="fondo" name="main" src="test.html"></iframe> 
    </body> 
</html> 

test.html

<!DOCTYPE HTML> 
<html lang="en"> 
    <head></head> 
    <body> 
     <a href="#" onclick="change();">Change Picture</p> 
     <script src="../js/jquery-1.11.2.min.js"></script> 
     <script type="text/javascript"> 
      function change() 
      { 
       var $logo= $('#logo', window.parent.document); 
       alert("Does it work?"); 
       $logo.attr("src","../img/fpdfilms-logo-director.png"); 
      } 
     </script> 
    </body> 
</html> 

Предполагается изменить изображение при нажатии на ссылку. Но ALERT не показывает ... Я пробовал разные способы, и я действительно потерялся. Так сложно добиться этого простого изменения?

+0

Возможный дубликат [Как записать это в jQuery "window.parent.document.getElementById ('parentPrice'). InnerHTML"?] (Http://stackoverflow.com/questions/726816/how-to-write- this-in-jquery-window-parent-document-getelementbyidparentprice) –

ответ

0

Проверено на страницу (хром 40) и получил

SecurityError: Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match. 

поэтому я проверил на сервере (локальный экспресс) и работает нормально.

+0

... спасибо, но могли бы вы посоветовать мне, как это решить? – nanmaniac

+0

Я понял. Я проверял файлы на локальном ПК. На сервере все по-другому !!! Оно работает !!!! – nanmaniac

1

Вы можете обратиться к этому ответу, поскольку он делает то, что вам нужно с jquery.

how to access iFrame parent page using jquery?

Из приведенного примера выбора элемента из фрейма в использовании родительского документа

var $parentElement= $('#parentElement', window.parent.document); 
+0

Я отредактировал htmls, чтобы быть самым простым кодом. Это не работает ... любая другая идея? – nanmaniac

Смежные вопросы