HTMLにCGIを組み込んで、HPを作成しましたが、スクロールの位置を上部に移動したいです。
- HTMLにCGIを組み込んだHPを作成しましたが、スクロールの位置を上部に移動したいです。
- 質問画面でスクロールが一番最後に位置した場合、結果表示の画面もスクロールが一番最後になってしまい、ユーザが結果を見るために上にスクロールする必要があります。
- 質問画面と結果表示画面でスクロールを一番上部にするためには、HTMLやCGIの設定だけでなく、JavaScriptを使用する方法があります。
- ベストアンサー
htmlにcgiを組み込んで、HPを作成しましたが、スクロールの位置を
htmlにcgiを組み込んで、HPを作成しましたが、スクロールの位置を上部に移動したいです。 aaa.htmlの中身： <iframe src="bbb.cgi" height="800" width="480" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"></iframe> bbb.cgiは、formで質問を投げて、その答えをまた、bbb.cgiに結果を表示します。 でも、質問の画面でスクロールが一番最後に位置した場合、結果表示の画面もスクロールが一番最後になってしまい、ユーザがスクロールをまた上に移動しないと結果が見えないです。 結果表示の画面では、スクロールを一番上部にしたいですが、aaa.htmlとbbb.cgiのbody tagにwindow.scrollTo(0,0)にしても、質問画面のスクロールの位置のままです。 よろしくお願い致します。
- supapa
- お礼率25% (9/36)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
iframe内のサブミットボタンをクリックしたら親ウインドウのスクロール位置を0にする場合 <input type="submit" value="送信" onclick="if(parent.document.documentElement.scrollTop > 0)parent.document.documentElement.scrollTop=0;if(parent.document.body.scrollTop > 0)parent.document.body.scrollTop=0;"> ただし、ブラウザによって、有効な書き方が違うため、 parent.document.documentElement.scrollTopとparent.document.body.scrollTopの いずれかの縦位置の値が0より大きい数値のときだけ反応するようになっています。 参考URL ブラウザのスクロール量を取得するには？ http://diaspar.jp/node/47
関連するQ&A
- インラインフレームのみをスクロールさせるリンクの張り方
aaa.htmlページ内にインラインフレームでbbb.htmlというページを表示しています。 aaa.htmlのリンクから、bbb.html内の指定した箇所を自動スクロールさせ表示させたいのですが、aaa.html自体もスクロールしてしまって困っています。aaa.html自体はスクロールせず、インラインフレーム内のbbb.htmlだけスクロールさせたいのですが、どうしたらよいのでしょう。 現在の設定： ○aaa.html <a href="bbb.html#ccc" target="inline">リンク</a> <iframe src="bbb.html" name="inline"></iframe> ○bbb.html <span id="ccc">ここを表示させたい</span>
- ベストアンサー
- HTML
- スクロールできない
お世話になっています。 下のようなファイルによって、フレームを使ったファイルindex2.htmlを呼び出して、HP全体を真ん中寄せにしました。 するとマウスの真ん中のちょぼでスクロールできなくなってしまいました。 <body> <DIV ALIGN="center"> <iframe name="cal-iframe" src="index2.html" width="920" height="2500" scrolling="yes" frameborder="0" marginwidth="0" marginheight="0"> </iframe> </DIV> </body> スクロールバーをドラッグアンドドロップで操作することはできるのですがちょぼで操作できるようにするには、どうすればいいでしょうか？
- ベストアンサー
- HTML
- iframeのスクロールバー位置を保持した状態で印刷
iframeのスクロールバー位置を保持した状態で印刷 HTMLで、iframeの内部に画像を表示しています。 画像のサイズがiframeのサイズよりも大きいためスクロールバーがあるのですが、 表示させたい位置にスクロールバーを移動させた状態で印刷しようとすると、 表示位置がiframeの左上（画像の左上）に戻ってしまいます。 スクロールバーの位置を保持した状態で印刷することは可能でしょうか？ スタイルシート、javascriptも利用可能です。
- 締切済み
- HTML
- cgiでフレーム分割した画面を作成したい。
理解不足で質問の意味が分かりにくいかと思いますが、 どうか宜しくお願い致します。 TEST.html という画面に用意したボタン“A”をクリックした時、 aaa.cc というcgiを実行して画面を作成・表示させています。 やりたいことは、下記の通りです。 このaaa.ccで表示している画面を左右にフレーム分割して、 左側のフレームにaaaで作成した画面を、 右側のフレームにbbb.ccというcgiを実行して作成した画面を表示させる。 bbb.ccは、aaa.ccで作成したhtml内のボタン“B”をクリックし た時、<form action=“bbb”>を実行し作成します。
- ベストアンサー
- CGI
- インラインフレームの上（外）と下（内）で表の列位置をあわせたい。
お世話になります。初歩的な質問で申しわかりませんがよろしくお願いいたします。 インラインフレームの上（フレームの外）と下（フレームの内）に表を配置して、セルの列位置があうようにしたいと考えております。フレームの内外の表とも同じ列数の表で表の幅のピクセル数、ボーダー幅など同じにしています。インラインフレームの表示幅も同じ幅にしていますが、表示された際の列位置がずれてしまいます（スクロールバーで位置をあわせる必要が生じます）。これを同じ位置にあわせることは可能でしょうか？アンカーポイントにて縦位置は表示させたい箇所へ飛ぶようにしており、これはうまく動いています。フレーム部分は <iframe src="./01select.html" width="1375" height="180" scrolling="yes" name="select" marginwidth="0" marginheight="0" hspace="8" vspace="0">●●未●●ここに未対応ブラウザ向けの内容入れること</iframe> です。 よろしくお願いいたします。
- ベストアンサー
- HTML
- 動的に切り替わる指定座標へ、スムーススクロール
window.scrollTo("0",Y);で、 ウインドウを指定位置に移動させているのですが、 これをスムーススクロール対応するには、 どうすればよいでしょうか？ Yは、指定座標（モニタ上の絶対位置）で、 任意のタイミングで、動的に取得してます。 イメージとしては、 関数みたいなのに、Y座標を渡して、 その都度、スムーススクロールさせるような使い方を想定してます。 jQueryとか、プラグインを使ってもいいですが、 なるべくシンプルに行きたいと思ってます。 また、結果的に、ページ内リンクも、スムーススクロールすることになったとしても別に構いませんが、 やりたいのは、リンクをスムーススクロールすることではなくて、 「動的に、都度切り替わる、Y座標へ、スムーススクロールしたい」ってことです。 難しいようであれば、 厳密なスムーススクロールじゃなくても、 何となくそれっぽく見えれば構いません。
- ベストアンサー
- JavaScript
- エクセルで画面がスクロールしない
普通に使っていたエクセルですが、設定が変わったらしく、矢印でセルを上下に移動させるとカーソルは移動されるのですが、画面表示が上下にスクロールしません。 つまり、矢印キーで下を押していくと、セルの入力位置は下に移動するのですが、表示上、一番下のセルに来て次になお、下矢印を押すと、確かにカーソル移動は下にされていますが（上部の入力位置の値をみれば、そのようになっているので確認できる）画面がスクロールしないため、困っています。なにかへんな操作をしたようですが・・・
- ベストアンサー
- その他MS Office製品
- 複数の<iframe>内にHTMLをランダム表示
以下のようなソースで、ランダムにHTMLをIFRAMEに読み込むソースを書いています。 （Javascript） window.onload = function(){ var c = 23; //ランダムに表示するiframe内URLの数 var ifm = document.getElementById('aaa');//frameIDを入力 var r = Math.floor( Math.random() * c ); var urls = new Array(); urls[0] = '../text/1.html'; urls[1] = '../text/2.html'; urls[2] = '../text/3.html'; urls[3] = '../text/4.html'; urls[4] = '../text/5.html'; urls[5] = '../text/6.html'; urls[6] = '../text/7.html'; urls[7] = '../text/8.html'; urls[8] = '../text/9.html'; urls[9] = '../text/10.html'; ifm.src = urls[r]; } （HTML） <iframe src="#" id="aaa" frameborder="0" marginwidth="0" width="115" marginheight="0" scrolling="no"></iframe> このような要領で、 id="aaa"にはtextフォルダ内のファイル1.html～10.htmlのうちからランダムで、 id="bbb"にはtextフォルダ内のファイル11.html～20.htmlのうちからランダムで、 id="ccc"にはtextフォルダ内のファイル21.html～30.htmlのうちからランダムで、 ・・・・ といった感じで以下のようなソースでそれぞれ読み込めればと思っているのですが、どうやったら可能でしょうか？ <iframe src="#" id="aaa" frameborder="0" marginwidth="0" width="115" marginheight="0" scrolling="no"></iframe> <iframe src="#" id="bbb" frameborder="0" marginwidth="0" width="115" marginheight="0" scrolling="no"></iframe> <iframe src="#" id="ccc" frameborder="0" marginwidth="0" width="115" marginheight="0" scrolling="no"></iframe> javascriptにかんしてはあまり詳しくありませんので、ちょっと改変してコピペするくらいまでのソースを教えていただけませんでしょうか？ よろしくおねがいします。
- 締切済み
- JavaScript
- 検索ロボットへの拒否について
サイトを運営中ですが、 例えば、aaa.htmlの中で、iframeでbbb.cgiを入れています。 googleのsite:で検索してみると、aaa.htmlとbbb.cgiが一緒に登録されていますが、aaa.htmlから入ってもらいたくて、bbb.cgiをDisallowでrobots.txtに入れたいですが、そうすると、bbb.cgiをロボットが巡回しなくなり、aaa.htmlの登録にも影響がありますか？aaa.htmlの内容のほとんどがbbb.cgiの内容です。 もし、他に、aaa.htmlだけでbbb.cgiは、サイト登録されない方法がありますか？
- ベストアンサー
- その他([技術者向] コンピューター)
- リンク移動後に画面の上下位置が変わらない方法はありますか？
今作っているＨＰで、文字リンクを画面を下方へスクロールさせた場所に置いています。 そこからリンク先の画面へ移動した際に、 通常は画面の最上部から表示されますが、それを 同じ位置（移動前に見ていた画面と同じスクロール位置）へ設定したいのですが、可能でしょうか。 当方javascript初心者で、調べてみたのですが方法をみつけられなくって… どうか、よろしくお願いいたします。
- 締切済み
- JavaScript
お礼
できました。（*^_^*）どうもありがとうございました。