使用getBoostrap，模態（彈出）和iframe

Question

我有一個主頁面，其中包含一個iframe，在這個iframe中，我有一個按鈕來點擊使運行一個彈出窗口，但只運行在iframe中，我想成爲全局到主頁。

這是使用getboostrap 我有這樣的代碼在網頁模式代碼：

<div class="modal fade" id="myModal"> 
    <div class="modal-dialog"> 
<div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 
    <h4 class="modal-title">Modal title</h4> 
    </div> 
    <div class="modal-body"> 
    <p>One fine body&hellip;</p> 
    </div> 
    <div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    <button type="button" class="btn btn-primary">Save changes</button> 
    </div> 
</div><!-- /.modal-content --> 

這是在iframe中按鈕的代碼：

<button type="button" class="btn btn-default btn-lg" data-toggle="modal" data-target="#myModal"> 
<span class="glyphicon glyphicon-search" aria-hidden="true"></span> Buscar 
</button> 

問題是我無法訪問id =「mymodal」的主頁中的項目。

感謝

Answer 1

必須在您的網頁上創建一個JavaScript功能，同時單擊iframe中該按鈕，你必須訪問的網頁功能尤斯parent.myfunction('myModal');或您的電流id。

因此，在你的主頁，你會是這樣的：

function myfunction(id){ 
    //open the modal with the id = your entry id 
} 

而且iframe中，你不會有這個了：

<button type="button" class="btn btn-default btn-lg" data-toggle="modal" data-target="#myModal"> 
    <span class="glyphicon glyphicon-search" aria-hidden="true"></span> Buscar 
</button> 

insted的你會：

<button type="button" class="btn btn-default btn-lg" onclick="parent.myfunction('myModal')"> 
    <span class="glyphicon glyphicon-search" aria-hidden="true"></span> Buscar 
</button>