ページがロードされている間に表示（javascript）ポップアップ

Question

私の問題のための簡単な解決策を見つけようとしていますが、できません。私は、HTMLのテーブルを作成するphpの節と一緒にページを持って、それは時間がかかる。私はちょうど "ページロード中...しばらくお待ちください"と言ってユーザーがページを訪れたときにポップアップウィンドウを表示したいだけです。これは、javascriptライブラリで行うことができますか？ （おそらくJSだけだろうか？）div、クラスなどで私が見つけたすべての解決策は、私のコードは今のところ構造化されていないので使いにくい。ありがとう。

Answer 1

オリジナルのWebページ（HTMLテーブル）を非表示のiframeに読み込んで、ページに読み込みメッセージを表示することができます。 onload属性を使用して読み込みメッセージを非表示にし、iframeと表示します。

編集：同様の注記では、ページの内容をカバーする、エッジからエッジまでの要素が空白になり、多数の代替アラートオプション（例：jQuery）を使用できます。その後、body onloadを使用して、空白の要素を削除してアラートします。アラートを新しいアラートに置き換えて、ロードが完了したことを通知します。

Answer 2

「ポップアップ」を行うJSまでは、SimpleModalを楽しんでいます。

さらに重要なことに、おそらく、長い読み込みテーブルから離れてインラインでレンダリングされるように思えます。代わりに、テーブル以外のすべてをページにレンダリングし、 "Loading ..."インジケータを表示します。次に、テーブルのAJAXリクエストを作成します。あなたの好みに応じて、AJAX呼び出しはすべてのHTMLを持つテーブルを返すことができます。またはJSON形式のデータを取得してクライアント側でテーブルを構築することができます。これは、この種の問題の典型的なアプローチです。

Answer 3

JavaScriptのツールキットは、避けたいDOMを使った操作を自動化するだけです。それが彼らの仕事です。 JavaScriptはこの種のシナリオのためにDOMをスクリプト化するだけです。

あなたができることは、何があっても大部分の画面の不動産を引き継ぐ大きなCSSボックスを作る方法を示す安価なカットアンドペーストのサンプルを探すことです。おそらく側面の不透明な部分があるかもしれません。そのコンテンツを<body/>タグの直後に置くと、ウィンドウのreadyイベントで、そのボックスを削除するだけで、数行のJavaScriptを書くことができます。

JavaScriptのモーダルダイアログに関する問題は、DOMの初期化が完了していないときに問題が発生するということです（ほとんどすべてのjQueryとExtサンプルがonReadyイベントハンドラ）。

Answer 4

ページが完全に読み込まれるまで、元のフレームにiframeを使用できます。基本的な考え方は、ロードイメージを運ぶフレームをロードし、DOMが完全にロードされた後、.readyハンドラを使用してフレームを削除し、iframeをインセットすることです。