2 つの div を含む新しいページを作成しています。このページは Iframe 内で読み込みます。
最初の Div はデータベースからコンテンツを取得してからロードします。2 番目の Div には保存とキャンセル ボタンのみが含まれます。
ロード時に保存とキャンセルボタン(2番目のDiv)が先に来ます。これを回避するには??
2 つの div を含む新しいページを作成しています。このページは Iframe 内で読み込みます。
最初の Div はデータベースからコンテンツを取得してからロードします。2 番目の Div には保存とキャンセル ボタンのみが含まれます。
ロード時に保存とキャンセルボタン(2番目のDiv)が先に来ます。これを回避するには??
準備ができたら、最初のドキュメントで 2 番目のドキュメントをロードします。2 番目の iframe の場所を設定する最初のドキュメントのonloadハンドラーを使用します。
iframe に「iframe1」と「iframe2」の 2 つの ID があるとします。データベース コンテンツを iframe1 にロードし、空のページを iframe2 にロードします。
iframe1 に読み込まれたドキュメントのサンプル コードを次に示します。
<html>
<head>
<script>
function init () {
frameElement.ownerDocument.getElementById("iframe2").contentWindow.location = "/someurl/document2.html";
}
</script>
</head>
<body onload="init()">
<!-- iframe1 content -->
</body>
</html>
CSS で 2 番目の div を非表示にします。
次に、DB からのロードが終了したときに div を再表示する JavaScript を追加します。
JQuery や Prototype などを使用してコンテンツを動的にロードし、div のロードのタイミングと方法を制御します。