• ベストアンサー

ページを読み込んだら移動したいのです。

こんにちは。 ページが読み込まれると同時に、画面を（ウィンドウでは無いです） 少しだけ上に移動するようにしたいのですが、どうしたら良いのか教えて下さい！ おそらくJavaScriptだと思うのですが・・・。もし違ってたらすみません。 よろしくお願いします。m(_ _)m

  • koro5
  • お礼率92% (175/189)

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

  • ベストアンサー
  • peso
  • ベストアンサー率41% (40/97)
回答No.3

っと、その前に、次のソースで試してみてください。 「画像はここに！」の部分に指定した画像等は読み込み終了時に消えます。 <CENTER>～</CENTER>もおそらく大丈夫です。 何か問題があったらソースを載せてください。 <HTML> <HEAD> <SCRIPT language="JavaScript"> <!-- function textmove(){ if (document.all){ document.all("lay1").style.top = 0; document.all("imglay").style.visibility = "hidden"; } else{ document.lay1.top = 0; document.imglay.visibility = "hide"; } } //--> </SCRIPT> </HEAD> <BODY onload="textmove()"> <DIV id="imglay" style="position:absolute;width:100%"> 画像はここに！ </DIV> <DIV id="lay1" style="position:absolute;top:100px;width:100%"> ここに本文を書く！ </DIV> </BODY> </HTML>

koro5
質問者

お礼

ありがとうございました！ 消す事なんて出来るんですね。驚きました。 お世話になりました～。

その他の回答 (3)

  • peso
  • ベストアンサー率41% (40/97)
回答No.4

すみません、やっぱりソースは載せなくていいです。

  • peso
  • ベストアンサー率41% (40/97)
回答No.2

すみません、一度ソースをみせてください。

  • peso
  • ベストアンサー率41% (40/97)
回答No.1

こんな感じでしょうか？ <HTML> <HEAD> <SCRIPT language="JavaScript"> <!-- function textmove(){ if (document.all){ document.all("lay1").style.top = 0; } else{ document.lay1.top = 0; } } //--> </SCRIPT> </HEAD> <BODY onload="textmove()"> <DIV id="lay1" style="position:absolute;top:100px"> ここに本文を書く！ </DIV> </BODY> </HTML>

koro5
質問者

お礼

ありがとうございます！上に上がりました。 でも、画像の部分までしか上に寄らないんです； 上の方（にある画像）を見えなくしたいので、完全に移動させたいんですが…。 あと、centerのタグが利かないんですけど（左に全部寄ってしまいます）、何故でしょう？？ すいません、もし分かるようでしたら教えて下さい；；

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • JavaScriptで決まった「時刻」にページを移動するには？

    JavaScriptで決まった「時刻」にページを移動するには？ お世話になります。 JavaScriptを使い、こちらが決めた時刻に自動的に 指定したページに切り替わりようにすどのようにすれば良いのでしょうか？ 例：20時45分に現在のページから「page02.html」に移動する。 <script language="JavaScript" type="text/javascript"> <!-- var time = 45; function setTimer(){ setTimeout("location.replace( './page02.html')", time * 60 * 1000); } //--> </script> 自分なりに「setTimeout」「location.replace」を使って作ってみました。 移動する動作はリアルタイムで見られて良いのですが、 この場合、ページを開いてから45分後に移動してしまう為 指定した時刻での移動とはなりません。 「setTimeout」を使うのが間違っているような気がしますが、 他にどのようなメソッドを使ってよいのか分からない状態です。 必要に迫られJavaScriptを勉強し始めたばかりで分からないことだらけで 途方に暮れております。 ご指導よろしくお願いします。

  • javascriptでの、同ページ内スクロール移動

    同ページ内に<a>タグでスムーズで自然な動きのウィンドウスクロール移動をさせたいのですが、どなたか教えて下さい。 javascriptを使うのは知ってるのですが、記述例など具体的に教えて頂ければとても助かります。

  • ページの移動を禁止したい

    Javascriptではページが閉じられた、または移動するときに関数を実行させるwindow.onunload = function(){......}という書き方が出来ますが、これでページの移動をキャンセルさせることって出来ませんか？アドレスバーに違うアドレスを入力された時、ハイパーリンクをクリックされた時にその移動が実行されないようにしたいのです。

  • このページから移動しますか？

    ＩＥ１１を使っています。WEBで画面に入力中、ほかの画面に遷移しようとすると「このページから移動しますか？」と聞かれると思いますが、プルダウンボタンを押すだけで毎回いちいち「このページから移動しますか？」と聞かれてしまいます。 ほかの人はそんなこともないので、何かＩＥの設定とかでなってしまうことがあるのでしょうか？ 自分以外にも何人か居るようです。

  • onclickでのページ内移動

    JavaScriptでページ内移動をしたいのですが HTMLでいうところの <a name="top"></a> <a href="#top"></a> をonclickで動作させたいのですがどうすれば出来ますか。 http://www.htmq.com/js/window_open.shtml で載っているのですが、これは新しいウィンドウを開くでwindow.openのところを変えれば出来ると思いますが どういう風に変えるのでしょうか。よろしくお願いします。

  • この　ページから移動しますか　を　消したい。

    windows intemet expiorer 7このページから移動 を消したい

  • ページ内アンカーに移動しない：

    ページ内アンカーに移動しない： あるページ"A"に <div id = "TOP"></div>と設定し ページ"B"に <a href="test.html#TOP">test<a> と設定しました。 動作確認をした結果、Firefox・クロムと正常に動くのですが IEが全バージョンで、該当ページに飛ぶのですが、アンカーに 移動しません。 ローカルにてテストをした結果、IEで通常に移動します。 調べた所、 javascript等が使用されているとリンク先ジャンプ後にセキュリティの確認 が有るため、アンカーリンクが消されると書いてあったので javascript部分を全て削除し、動作確認をしたのですが やはりアンカーに飛んでくれません。 どなたか、ご教示ください。

  • ページが横にスーっと移動するようにしたい

    非常にわかりにくいかもしれない説明なのですが、 サイトにて使用したい機能があるのです。 リンクをクリックすると、ページが横にススーっと移動して、次のページに移る、というものです。 これはいったいどういう風に作成するのでしょうか？ Javascriptなどでしょうか？ どなたか作り方の参考になるページなどご存知の方いらっしゃいましたら、アドレスを教えてくだると助かります。

  • ページ移動時の確認

    こんばんは。初めての投函ですが、タイトルにありますように、ページを移動する際（ボタンを押しての移動）、「OK」または「キャンセル」といったウィンドウを表示させるには、どのようなスクリプトが必要なのでしょうか？ ググッてはいるものの、当方、HTMLおよびPHPを少々、といった程度のスキルしかなく、javascriptの言語？を見ても理解に苦しむばかりで、応用できずにおります。 教えいただけたら・・と、甘い考えとお叱りを受けるかもしれませんが、ご指導頂けたら幸いです。宜しくお願いいたします。

  • ブラウザの頁内移動についての質問です。

    ブラウザの頁内移動についての質問です。 私は現在、Javascript+PHPでSNSアプリを作成しています。 SNSアプリはプラットフォーム（SNS）上のframe内で動作します。 アプリの表示位置移動をwindow.window.scrollToが使用できないので location.hashを使用して行なっているのですが、IEでlocation.hash を使用するとブラウザの戻るボタンが挙動が意図しない動作になります。 オンロード時に以下の処理を実行します。 onload() { location.hash="#PageTop"; // アプリのトップを画面のトップに移動する 以降の処理 } この後、戻るボタンをクリックしても前の頁には戻らす、onload()の処理が 実行されます。 firefox、Chromeなどは前のページに戻ってくれるのですがIEだと 上記のようになり無限ループのような状況になります。 オンロード時に「アプリのトップを画面のトップに移動する」処理は必須であり ますのではずせません。 他に頁内移動する方法か、IEでlocation.hashを設定しても前の頁に戻れる 方法がお分かりの方、お教えいただくと非常に助かります。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する