カスタムGoogle検索、同じモーダル

Question

で開いた結果が、私はこのモーダルウィンドウがあります。

.reset-box-sizing, 
 
.reset-box-sizing *, 
 
.reset-box-sizing *:before, 
 
.reset-box-sizing *:after, 
 
.gsc-inline-block { 
 
    -webkit-box-sizing: content-box; 
 
    -moz-box-sizing: content-box; 
 
    box-sizing: content-box; 
 
} 
 
input.gsc-input, 
 
.gsc-input-box, 
 
.gsc-input-box-hover, 
 
.gsc-input-box-focus, 
 
.gsc-search-button { 
 
    box-sizing: content-box; 
 
    line-height: normal; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 

 
<!-- Search Modal --> 
 
<div class="modal-dialog"> 
 
    <!-- Modal content--> 
 
    <div class="modal-content"> 
 
    <div class="modal-header"> 
 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
     <h4 class="modal-title">Search</h4> 
 
    </div> 
 
    <div class="modal-body"> 
 
     <script> 
 
      (function() { 
 
       var cx = '008143018313713111535:r1f77umm7kk'; 
 
       var gcse = document.createElement('script'); 
 
       gcse.type = 'text/javascript'; 
 
       gcse.async = true; 
 
       gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; 
 
       var s = document.getElementsByTagName('script')[0]; 
 
       s.parentNode.insertBefore(gcse, s); 
 
      })(); 
 
     </script> 
 
     <gcse:searchbox></gcse:searchbox> 
 

 
     <hr /> 
 

 
     <gcse:searchresults></gcse:searchresults> 
 

 
    </div> 
 
    <div class="modal-footer"> 
 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
    </div> 
 
    </div> 
 
</div>

Googleカスタム検索の検索窓です。検索ボックスは表示されますが、検索ボックスの下に表示されるのではなく、結果が2番目のモーダルで開きます。どのようにGCSEに現在のモーダルで結果を強制的に開くことができますか？

だから私はこのjsFiddleのhtmlからスクリプトを削除することがトリックでしたが、私のASP.NETアプリケーションでScriptManager経由でスクリプトを読み込んだとしても、結果は常に別のモーダル。

モーダルを内外にそれをフェードインするためのdivに含まれていることに留意すべきである：

<div id="modalSearch" class="modal fade" role="dialog"> 

私は上記の省略います。違いがありますか？

Answer 1

明らかに、私はモーダルからスクリプトを移動することで問題を解決しましたが、これは意味があります。

うまくいけば、これはいくつかの人々の頭痛です。