私は自分のページのjqueryで設計されたモデルボックスを持っていますが、このモーダルショーを完全な動的PHPページにすることは可能でしょうか?完全なPHPページを表示するにはどうすればよいですか?
0
A
答えて
1
関数を使用できます。これは非常に使いやすく、よく文書化されています。http://api.jquery.com/load/。選択された要素、例えばあなたのモーダルのボディに、URLを呼び出すだけでページが読み込まれます。モーダルボックスの
0
使用はiframe
<button class="btn btn-primary" data-toggle="modal" data-target="#myModal">Trigger Modal in iFrame</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
<iframe src="/user/dashboard" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>
</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 -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
のiframe srcがあなたの動的なページを持つことになります。
+0
私はIframeの使用をお勧めしません –
0
bootstrap.cssとbootstrap.js
などを含める:,
<a data-toggle="modal" href="your_url content to show" data-target="#myModal">Click</a>
<div id="#myModal"></div>
Reference- http://getbootstrap.com/javascript/#modals
0
使用このようなjQueryのload()
、
jQueryの一部
<!-- Load jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<!-- A button on the page -->
<body>
<button>Fetch Page</button>
</body>
<!--
1. Attach click event to 'button' with jQuery on()
2. Create a modal box dynamically with append()
3. Load 'the_dynamic_page.php' with jQuery load()
-->
<script>
$('body').on('click','button',function(){
$('body').append("<div id='modal_box' style='border:1px solid #999;position:fixed;top:50%;left:45%;padding:0 0.75%;font-family:Calibri,Candara,Arial;'></div>");
$('#modal_box').load('the_dynamic_page.php');
});
</script>
このページでは、単にのようなテキスト表示することができ
the_dynamic_page.php「モーダルボックスでイムを!」またはdbからの何か。
関連する問題
- 1. Chromeコンソールに完全なオブジェクトを表示するにはどうすればよいですか?
- 2. Dropbox APIを使用して完全なフォトアルバムを表示するにはどうすればよいですか?
- 3. xcode5の完全なビルドログを表示するにはどうすればよいですか?
- 4. テキストをSAP UI5のアイコンタブバーに完全に表示させるにはどうすればよいですか?
- 5. CSSとIframe。 Iframeでスクロールせずに全ページを表示するにはどうすればよいですか?
- 6. .netでディレクトリを完全に非表示にするにはどうすればいいですか?
- 7. <iframe> - 参照ページの高さ全体を表示するにはどうすればよいですか?
- 8. トピック/ページを表示するにはどうすればいいですか?
- 9. 1つのWebページをダウンロードしてLinuxで完全にオフラインで表示するにはどうすればよいですか?
- 10. オーバーフローでスクロールしながら完全なdivを取得するにはどうすればよいですか?
- 11. 正しい形式で完全な日付を取得するにはどうすればよいですか?
- 12. はどうすればメニューは完全に独立になるのですか
- 13. スクロールバーを何も表示しない - ページを短くするにはどうすればよいですか?
- 14. ページが完全にロードされるまでページを非表示にするプログレスバー
- 15. ページの別のページからhtml要素を表示するにはどうすればよいですか?
- 16. Flex 3で完全に不透明なキャンバスコンポーネントを作成するにはどうすればよいですか?
- 17. PHPのjQuery変数の値を同じページに表示するにはどうすればいいですか?
- 18. 完全に異なる2つのテーブルをマージするにはどうすればよいですか?
- 19. Jqueryページが完全にロード/表示されない
- 20. ASP.NET MVCで完全なtrace.axdを生成するにはどうすればよいですか?私のアプリケーションで
- 21. githubページでホストされているコンテンツが完全に表示されない
- 22. javascript&cssで完全に表示されない行を非表示にする
- 23. グラフの完全でない二者間マッチングを見つけるにはどうすればよいですか?
- 24. アクティブなレポートのフッターをレポートの最終ページに表示するにはどうすればよいですか?
- 25. クローラにはどのような "バージョン"のPHPページが表示されますか?
- 26. 不完全なルックアップテーブルからデータを更新するにはどうすればよいですか?
- 27. LDAPフィールドから完全なドメインを抽出するにはどうすればよいですか?
- 28. Google PlaceAutoCompleteのフラグメントから完全な住所を取得するにはどうすればよいですか?
- 29. データベースクエリから完全なXMLメッセージを作成するにはどうすればよいですか?
- 30. TreeView内の最後のTreeNodeが完全に表示されるようにするにはどうすればよいですか?
コードはどこにありますか?これまでに試したことをお見せできますか? –
あなたは、** modal **ボックスにphpで生成されたページを表示したいのですか? –
はい、「ajax」でコンテンツを読み込む必要があります。 – ymas