• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:location.hrefでページ切替時の白画面を何とかしたい)

location.hrefでページ切替時の白画面を解消する方法

このQ&Aのポイント
  • location.hrefでページ切替時に白画面が表示される問題について、解消方法を探しています。
  • 上下フレーム構成のWEBページで、上フレームのボタンを押下して下フレームの表示を切り替えていますが、切り替えの際に一瞬だけ白い画面が表示されます。
  • この白い画面を非表示にする方法を知りたいです。イントラネット内での使用を想定しており、推奨ブラウザはIE6~です。

質問者が選んだベストアンサー

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

未検証のアイデアのみですが… ◇フレームのままで行うなら… 全体の構成に、読み込み用のフレーム(非表示)を用意しておいて、そちらに読込みんで、ロード完了後にフレームの表示位置を入れ替える。(片方の高さを0、display:noneにし、もう片方は反対に) ボーダーを可変にしてあると、ユーザが掴めちゃうのでどうするかとかいろいろ工夫の余地はありそうだけど… あと、IEはonloadが正しくないとかいうのもあったような… (フレームでも同様かどうかは調べていません)  http://www.keyframe.co.jp/blog/archives/418 ◇一端キャッシュさせればOKであるなら… フレーム操作のような面倒なことをしなくても、上フレームの表示画面外にインナーフレームでも用意しておいて、一度対象ページを読み込んでから改めて当該フレームに読み込ませる。(キャッシュされているから速い) ◇もっと大胆に、別ウインドウを自分の下(見えないように)に新しい構成で表示させてから、自分を閉じる… と思ったけれど、自分を閉じる時にアラームが出てしまうのと、別ウインドウを開いてフォーカスを移すと、一瞬フリッカーがおきちゃうみたいなのでダメでした。 ◇あるいは、今風にajaxでロードして内容を入れ替えるとか 重たい画像とかがあったりすると、レイアウトに時間がのかかるのかも… (よくわからんが、少なくとも白い画面は出なくてもすむでしょう) ◇他に思いつくのは… >(画面の点滅が目に優しくないとか。。。) 白い画面って「about:blank」の時と同じ背景色ではなかろうかと想像しますが、クライアント側のデフォルト背景色をグレーなどに設定しちゃうとか… クライアント全部に設定しないとならないので面倒なのと、背景色の指定のないページをみるとグレーの背景になっちゃうけど… ということで、こりゃ無理かな?

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • 23468
  • ベストアンサー率66% (6/9)
回答No.2

「一瞬だけ読み込み中のための真っ白な画面が表示される」ってことは、 それなりに重いページなのでしょうから、その重さを解消するように 読み込まれる側のページの処理を最適化するのがベターですが… 質問内容に真面目に答えるなら、おすすめはajax(httpRequest)ですね。 参考URL張っておきます。 あとは、逆転の発想で、「一瞬だけ」真っ白な画面が表示されるのがよくないなら、 2秒ぐらい真っ白な画面のまま待たせるのもありかも。 読み込まれる側のページの最初に何かしらそういうスクリプトを書いて (すべての要素をdisplay:none にするcssを適用させるとか、画面大の真っ白なblock要素をabsoluteで最前面に置くとか)、 setTimeoutで取り除くというのはどうでしょ?

参考URL:
http://webos-goodies.jp/archives/50548720.html
hinako913
質問者

お礼

返事が遅れてしまい申し訳ありませんでした。 色々な案をご提案いただき、ありがとうございました。 最終的に、AJAXを用いて満足のいく結果となりました。 他の案全てを試したわけではありませんが、 今後、似たような問題で困ったときの解決策として覚えておきます。 ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • JS location.href でリファラー

    location.href で画面遷移した時にリファラーをブラウザは吐いてくれますか? 吐かないものと記憶していましたが、先程クリックしてlocation.hrefで画面遷移したらリファラーがセットされていました。 本当の仕様はどうなっていますか?

  • location.hrefを使用したFRAME表示

    location.hrefを使ったjavascriptを作ろうとしています。 <script type="text/javascript"><!-- location.href = "http://www.yahoo.co.jp/"; // --></script> の改良版として、http://www.yahoo.co.jp/をフレームの右側に 表示させたいと考えています。 (src使用ではなくjavascriptのlocation.hrefを使うことがMUSTです) <head> <script type="text/javascript"><!-- right.location.href = "http://www.yahoo.co.jp/"; // --></script> </head> <body> <FRAMESET cols="50%,50%"> <FRAME name="left" src="left.html"> <FRAME name="right" src="right.html"> </FRAMESET> </body> としてみましたがうまくいきません。 location.hrefはmetaタグ内でしか有効ではないにも関わらず right.の指示をメタタグ内部で指定していないことが原因かも しれません。 javascriptのlocation.hrefを使ってフレームの右側に 表示させる方法をご教授願います。

  • window.opener.location.href でtargetを指定したい

    window.opener.location.hrefでtarget=_parentを使用したいのですが、可能ですか? 可能でしたら記述方法を教えてください。

  • location.hrefについて

    お世話になります。 以前、こちらで教えて頂いた方法なのですが、 (以前した質問のURL:http://oshiete1.goo.ne.jp/qa3297252.html) IEや、FireFoxのバージョンアップの為なのか、それともコード的な問題があるのかよくわからないのですが、変数に格納したリンクをlocation.hrefを使ってリンクを試みると、何故か現在表示しているページのURLが追加されてリンクしてしまい、適切な表示をしてくれません。 どうしたら、正常にページ移動が行われるでしょうか? なお、組んでいるコードは以前質問した際に公開したコードに、ご指摘頂いた部位を修正したものです。 お手数ですが、ご教授願います。

  • location.hrefはブラウザごとに異なる?

    phpなどで動的ページでhtmlを出力しています。 一覧で複数ジャンルを表示させているのですが、 静的ページなら<a name="xx">スクロール先</a>を使って 該当ジャンルまでスクロールさせて表示できますが、 動的ページのため、javascriptを用いてIEでは動作確認できましたが FireFoxやSafariでは、location.href="#jmp";では<a name="jmp"></a>に 移動しませんでした。 すべてのブラウザで同じ動作をさせる方法はありますか? FireFox, Safari個別の方法でも構いません。

  • ページ切り替えの方法についてです。

    最近まで、フレーム(FRAMESET)でレイアウトを組んでいました。(汗) (参考図) 上フレーム(A.php)name="A" 中フレーム(B.php)name="B" 下フレーム(C.php)name="C" ※ 縦に3段組のレイアウト。 ぞれで、フレームは HTML5 では廃止なり、使用は良くないと言う事で参考図のようなレイアウトを CSSで組んだんですが・・・ 例えば、フレーム使用では 中フレームの B.phpを D.phpページに切り替えをする場合は <a href="D.php" target="B" >Dページ</a> このように target で 簡単に中フレームに D.phpページを表示させる事ができますが CSSでこのような仕組み(ページ切り替え)をする場合はどうやったら良いのでしょうか? イメージとしては・・・ (参考図) 上ヘッダー(#head) 中メイン (#main) 下フッター(#foot) ※ 縦に3段組のレイアウト。 上ヘッダー(#head)の場所で <a href="D.php" >Dページ</a> をクリックした時に 全体をリロードさせずに、中メイン(#main)の場所に、D.phpページを表示したいのです。 できるだけ色んなブラウザに対応する方法で教えて頂けると助かります。 中途半端な知識で対応できず、苦しんでおります。 ちなみに、分かりやすく詳しく教えて頂けると非常に助かります。 もし宜しければ何方か、どうか教えて下さい。宜しくお願いします。  

  • location.hrefのURLについて

    以下のリンクの場合、現在表示しているアドレス(URL)が送られますが、 <a onclick="window.open('http://exsample.com='+encodeURIComponent(document.title)+' '+encodeURI(location.href));" href="javascript:void(0);"> これを指定したURLに変更したいのですが、その記述方法がわかりません。 ご教授よろしくお願いします。

  • 画面の切り替えができません・・・ご教授下さい。

    画面の切り替えができません・・・ご教授下さい。 htmで作成した画面をjavaで表示させようとしています。 1つ目の画面は表示出来ましたが、1つ目の画面からボタン押下で2つ目の画面を 表示させようとしていますがうまく出来ません。 1つ目の画面のボタン押下は以下のようにしていますが、間違っているのでしょうか? <画面名> 1つ目の画面:Login.htm 2つ目の画面:Top.htm <DIV class=under-button><INPUT id=doLogin type=image src="login.gif" name=child:form:doLogin onclick="window.location.href ='Top.htm'">

    • ベストアンサー
    • Java
  • javaScript:location.href

    javaScriptでlocation.hrefをつかってURLを抽出したところ ttp://○○:△△/%e9%a8~~~.htmlといった具合に途中部分が文字化けされてしまいます。 1、おそらく日本語部分が文字化けしたものだと考えられるのですが、正しく表示する方法を教えていただきたいです。 2、△△の部分が謎の4ケタの数字が表示されるのですが、これは何でしょうか。 回答よろしくお願い致します。

  • location.hrefの使用方法について

    location.hrefで取得した現在表示しているURLをhtmlのbody中の<a href="ここに代入"></a>に代入したいのですが、いろいろやったり調べたりしたのですができません。ご教授いただけると幸いです。 目的は、動的ページをfirefoxユーザーにブックマークしてもらうことです。以下の「url」部分を現在表示中のURLにしたい<a href="url" rel="sidebar" title="name">ブックマークに追加</a>。できればタイトルも現在のページから取得したい。 ちなみにIEでは以下のとおりで希望の機能を実現しています。 <script type="text/javascript"> <!-- if ((navigator.appVersion.indexOf("MSIE") > 0) && (parseInt(navigator.appVersion) >= 4)) { document.write("<p><SPAN STYLE='color:blue;cursor:hand;' onclick='window.external.AddFavorite(location.href, document.title);'>このページをお気に入りに追加する。<\/SPAN><\/p>"); } //--> </script>

このQ&Aのポイント
  • クレジットカードを紛失した際、身に覚えのない使用履歴があった場合、遺失届などを出し、無くしたことを証明すれば返金対応していただけるようですが、これでは本当に無くしたのかわからないのではないですか?
  • クレジットカードの紛失に関して、返金対応を受けるためには遺失届を出し、無くしたことを証明する必要があります。しかし、実際にカードを無くしたのかどうかを確認する方法はあるのでしょうか?
  • また、万が一カードを無くしていないのに紛失し、不正利用されたと虚偽の申告をすることは可能なのでしょうか?このような問題について詳しい方に教えていただきたいです。
回答を見る

専門家に質問してみよう