- 締切済み
読み込み中の表示
下記の内容で、 上下に分割したフレームに 表示を行っています。 <html> <frameset rows="43%,*"> <frame src="menu.html"name="menu"Frameborder=0> <frame src="data.html"name="data"Frameborder=0> </frameset> </html> ここで問題なのですが、 下のフレームに表示するページが重い（表示に15秒程度掛かる）為、 上のページが先に表示されて、 下のページが真っ白のまま読み込み待ちになってしまいます。 これを回避する為、 上下のフレームへの読み込みが完了するまでの間、 画面全体に"処理中"もしくは、"Now Loading"を表示したいと考えているのですが、方法がわかりません。 分かる方がいらっしゃったら どうかお教え下さい。
- hiro_zo
- お礼率80% (8/10)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- みずの（@mizuno3）
- ベストアンサー率73% (192/263)
フレームをまたがるレイヤーを作るのは多分無理じゃないかな？と思います。 １．<FRAMESET>を row="0,*"にする ２．上のフレームはabout:blankとかにする ３．下のフレームをnowloading表示にしつつjavascriptでHTMLを書き出す。 ４．HTMLが書き出し終わったらFRAMESETのrowの値を変更する ５．parent.上のフレーム.location.replaceやらで読み込む こんなのしか思い浮かびませんでした。 下のフレームがさくっと表示されるようにする努力をした方がいいと思います。
関連するQ&A
- 下に表示されるスクロールバーの消し方を教えてください。
下記のようにtitle（上）、menu（右）、main（左）と、３つのフレームを分けて表示していますが、 <frameset rows="60,*" border="0" frameborder="0" framespancing="0"> <frame src="title.html" name="head" scrolling="no"> <frameset cols="130,*" border="0" frameborder="0" framespancing="0"> <frame src="menu.html" name="menu" scrolling="auto"> <frame src="cont.html" name="main" scrolling="auto"> </frameset> </frameset> *で表示しても、main（右）のフレームの下にスクロールバーが出てしまいます。右端の上下のスクロールはいかしたまま、下のスクロールバーを消すには、どのようにすればよいのでしょうか？ 分からなくて困っています。もし分かる方是非教えてください。 現状はこんな感じになってしまっています。http://www.twinklecloset.com/index.html
- ベストアンサー
- HTML
- 処理中の表示について
Apach+php4+MySQLで質問です。 現在、 TOPページでpasswordを入力して、 下記の記述で、 ・上フレーム...操作メニュー ・下フレーム...対象データ といった感じで表示をさせております。 ---------------------------------------------------------- ? //－password確認－ session_start(); session_register("pass_word"); if($_POST["pass_word"]!=''){ $_SESSION['pass_word'] =$_POST["pass_word"]; } $pas =$_SESSION['pass_word']; if ( $pas == 1234 ){ $p = user1; } if ( $p == 5678 ){ $p = user2; } //passwordは、datasheet.php内で受け渡されセレクト処理が 実施される。 ?> <html> <frameset rows="43%,*"> <frame src="menu.php" name="menu" Frameborder=0> <frame src="datasheet.php" name="data" Frameborder=0> </frameset> </html> ---------------------------------------------------------- これで表示は、上手くいっているのですが datasheet.phpは訳けあって、 UNION ALLで3つのテーブルデータを結合している為、 表示に約２０秒ほど掛かっています。 結果、 上フレームにmenu.phpが先に表示され、 下フレームが２０秒間真っ白の表示となってしまいます。 このページを 移動時に ”Now Loading...”や”処理中”とかを全画面で表示させ、 上下フレームの表示完了後に画面を切り替える。 といったふうに したいのですが、上手くいきません。 javascriptでも構いませんので、 分かる方がいらっしゃれば、教えて下さい。
- 締切済み
- PHP
- 改・キーボードナビゲーション
http://oshiete1.goo.ne.jp/kotaeru.php3?q=762151 にて質問し、解決したに見えたのですが、確認もせず閉じた為、再度投稿させて下さい。 ページトップにフレームファイルを置き、 <frameset cols="250,*" frameborder="0" framespacing="0"> <frameset rows="16,*" frameborder="0" framespacing="0"> <frame src="***.html" name="0" SCROLLING="NO" NORESIZE> <frameset rows="25,*" frameborder="0" framespacing="0"> <frame src="***.html" name="1" SCROLLING="NO" NORESIZE> <frameset rows="51,*" frameborder="0" framespacing="0"> <frame src="***.html" name="2" SCROLLING="NO" NORESIZE> <frame src="***.html" name="3" SCROLLING="NO" NORESIZE> </frameset> </frameset> </frameset> <frame src="***.html" name="4" SCROLLING="NO" NORESIZE> </frameset> とします。 NAME“0”のページがメニューで、ここをクリックするとNAME“1”に開かれる仕組みです。 NAME0に、 function checkNavigation() { if(event.keyCode==49)location.href="NAME1に開くページ"; } window.document.onkeydown = checkNavigation; と書きます。 前投稿では、「1.location.～」とすればOKだとなっていたのですが、確認した所何故か機能しませんでした。 NAME0をアクティブページにして“1”を押下してみたり、試して見たのですが駄目でした。 どうしたら良いのでしょうか。お願いします。
- ベストアンサー
- JavaScript
- フレームがきれいになりません。
下記のように上と、左右で３フレームを分けて表示していますが、 <frameset rows="60,*" border="0" frameborder="0" framespancing="0"> <frame src="title.html" name="head" scrolling="no"> <frameset cols="130,*" border="0" frameborder="0" framespancing="0"> <frame src="menu.html" name="menu" scrolling="auto"> <frame src="cont.html" name="main" scrolling="auto"> </frameset> </frameset> *で表示しても、左のフレームの下にスクロールバーが出てしまいます。どのようにすれば直るのか初心者のため分からなくて困っています。もし分かる方是非教えてください。 現状はこんな感じになってしまっています↓ http://www.twinklecloset.com/index.html
- 締切済み
- HTML
- ホームページのフレームでそのサイズの固定
ホームページを上下２分割、下の段を左右２分割にしているのですが、フレーム分けの境界線を固定したいのです。 境界線はパーセンテージで出てしまうのですが これを上から＊＊＊ピクセル、左から＊＊＊ピクセルのように、固定できないでしょうか？ パーセンテージだとPCの表示サイズの違いで、スクロールバーが出てしまい困ります。 よろしくお願いします。 <FRAMESET rows="24%,76%" frameborder="NO" border="0"> <FRAME name="frame1" src="top.html"> <FRAMESET cols="16%,84%"> <FRAME name="frame2" src="menu.html"> <FRAME name="frame3" src="page1.html"> </FRAMESET> <NOFRAMES> <BODY> <P>このページを表示するには、フレームをサポートしているブラウザが必要です。</P> </BODY> </NOFRAMES> </FRAMESET>
- ベストアンサー
- レンタルサーバ・ASP
- フレームページが崩れる。。。
フレームページを使っているのですが、見る人によってはページの一部が切れて 見えない部分もあるらしいです。ブラウザの大きさを変えてもレイアウトだけは 崩さない為には、どこにどんなタグが必要なんですか？ 現在のフレームの親ページのソースです。 <FRAMESET rows="30%,70%" frameborder="NO" border="0"> <FRAME src="ue.html" scrolling="NO" noresize> <FRAMESET cols="20%,80%" frameborder="NO" border="0"> <FRAME src="side.html" scrolling="NO" name="menu" noresize> <FRAME src="main.html" name="main" noresize> </FRAMESET> <NOFRAMES>
- ベストアンサー
- HTML
- ブラウザによってフレームの表示が異なるのですが..
はじめまして。 現在下記のような形のＨＰを制作しているのですが、フレームが難しくてなかなか進めません。 ブラウザやそれぞれの環境によって見え方が違ってしまいます。 私の環境では真ん中にぎゅっと詰まってスクロールが出てしまうような小さな見え方になってしまっています。 どの環境で見ても統一させるにはどのようにしたら良いのでしょうか。 ------------------------------ 上の固定バー ------------------------------ メニュー｜内容 ｜ ｜ ｜ ｜ ------------------------------ 下の固定バー ------------------------------ ソースは以下のように組みました。 <frameset rows="10%,*" cols="*" framespacing="0" frameborder="no" border="0"> <frame src="Margin/Index.html" scrolling="No" noresize title="topFrame"> <frameset rows="*,230" cols="*" framespacing="0" frameborder="no" border="0"> <frameset cols="215,*" frameborder="no" border="0" framespacing="0"> <frame src="Margin/Index.html" scrolling="No" noresize title="menuBarFrame"> <frameset cols="*,25%" frameborder="no" border="0" framespacing="0"> <frameset rows="64,*" frameborder="no" border="0" framespacing="0"> <frame src="topbar/topbar.html" scrolling="No" noresize title="topBarFrame"> <frameset rows="*,41" cols="*" framespacing="0" frameborder="no" border="0"> <frameset rows="*" cols="178,*" framespacing="0" frameborder="no" border="0"> <frame src="menu/menu.html" scrolling="No" noresize title="leftFrame1"> <frame src="top/top.html" name="main" title="topFrame"></frameset> <frame src="bottombar/bottomBar.html" scrolling="No" noresize title="bottomFrame1"> </frameset> </frameset> <frame src="Margin/Index.html" scrolling="No" noresize title="rightFrame"> </frameset> </frameset> <frame src="Margin/Index.html" scrolling="No" noresize title="MenuBarFrame"> </frameset> </frameset> <noframes> ------------- また、現在フレームは推奨されないのも知っているので、 オススメの組み方がありましたら教えていただけませんでしょうか。 HTML等に関してまったくの初心者ですので、判り易く教えていただけたら大変有り難く思います。どうぞよろしくお願いします。
- ベストアンサー
- HTML
- フレームの仕様について
例えば <frameset rows="○○px,100%"> <frame src="○○" scrolling="no" noresize frameborder="no" name="head"> <frame src="○○" noresize frameborder="no" name="contents"> </frame>でフレームを上下で分割した時に、上のフレームでは上下左右のスクロールバーが出ない設定にしてあるのですが、下のフレームではスクロールバーが表示される様に設定してあります。この時に、下のフレームで上下のスクロールバーだけを表示させたいと思っているので左右のスクロールバーを表示させたくありません。どうすればよろしいのでしょうか。
- ベストアンサー
- HTML
- 画面の四分割の方法について
教えていただきたいのですが、↓で作成した画面の最下部にbottom（titleと同じ幅で画面の下部）を作りたい場合は、どのように追加記述すべきなのでしょうか？ いろいろ試しているのですが上手くいかないのです（汗 <frameset rows="90,*" border="0" frameborder="0" framespacing="0"> <frame name="title" src="title.html" scrolling="NO" noresize> <frameset cols="180,*" border="0" frameborder="0" framespacing="0"> <frame name="menu" src="menu.html" noresize> <frame name="body" src="body.html"> </frameset> </frameset> 宜しくお願いいたします。。。
- ベストアンサー
- CSS
- FRAMEで、間にスペースが…。
上のページと下のページをあわせて一つに表示したいのですが、間に余分なスペースが入ってしまいます。 <FRAMESET ROWS="25,*" FRAMEBORDER="0"> <FRAME SRC="../menu.html" NAME="UE" SCROLLING="NO" NORESIZE> <FRAME SRC="01.html" NAME="SHITA"> </FRAMESET> となっていますが。。 ROWSの25をこれ以上小さくしてしまうと、上の部分に消えてしまう箇所が生じますし、スペースは減りません。 下の01.htmlは <SPAN STYLE="POSITION:ABSOLUTE; TOP:0;"> となっているので、一番上にきていると思うのですが。。。 また、それぞれを100％のテーブルの中に入れ子にして作成しているのですが、 上の部分はスクロールバーなし、下の部分はスクロールバーありのためか、表示箇所がずれてしまいます。 このへんも回避する方法があれば教えてください。
- ベストアンサー
- HTML
お礼
ご回答ありがとうございます。 やはり、フレームをまたがるレイヤーは無理ですよね... 下フレームの表示を軽くする様にがんばってみます。