• ベストアンサー

ブラウザの戻るボタンを付けたいのですが

HPにブラウザの戻るボタンと同じ機能のボタンを取り付けるのには どうしたらいいのでしょうか? ページの途中からリンクしても同じ所に帰ってこれるのが望ましいのです。

noname#3213
noname#3213
  • HTML
  • 回答数5
  • ありがとう数4

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

  • ベストアンサー
  • mr_eve
  • ベストアンサー率39% (23/58)
回答No.5

#4の者ですが、訂正します。 私も他の方々のお答えを見て分かったのですが、別にフォームの形にする必要はないようです(ボタンにする場合)。単に<INPUT TYPE=BUTTON...>とするだけで良いようですね。 ですので、もしもこの形でするのでしたら<FORM>と</FORM>は消して下さい。 今まで特に気にせずセットとして無闇に<FORM>をつけてました・・・。考えてみれば全然意味ないです。 答えておきながら私自身勉強になりました(笑)。 ということで、早い話が#4は参考にしないで下さい。失礼しました・・・。 (しかも自信アリだなんて、穴があったら入りたい心境です・・・)

noname#3213
質問者

お礼

何度もありがとうございます。 好きなボタンでチャレンジしてみます。 この場をお借りして回答をいただいた皆さん 本当にありがとうございました。

その他の回答 (4)

  • mr_eve
  • ベストアンサー率39% (23/58)
回答No.4

JavaScriptを使用し、ボタンは画像かボタンフォームで行ってはどうでしょう? 1.JavaScriptの書き方 <HEAD> </HEAD>の間に次のように書きます。 <SCRIPT LANGUAGE="JavaScript"> <!-- function GoHistory(count, isForward) { if (isForward == 0) { history.go(-(count)); return; } if (isForward == 1) { history.go(count); return; } } //--> </SCRIPT> 2.フォームを設定します 場所はどこでもいいです(と言っても<BODY> </BODY>内ですよ)。次のように書きます。 <FORM> <INPUT TYPE=BUTTON VALUE="戻る" onClick="GoHistory(1,0);"> </FORM> 2番目は無くても構いません。画像があればその画像に onClick="GoHistory(1,0);" と書けば良いです。 (例) <IMG SRC="***.jpg" onClick="GoHistory(1,0);"> ちなみに、GoHistory(1,0)の中の数字を(2,0)とすれば2つ戻り、(1,1)とすれば1つ進み、(2,1)とすれば2つ進みます。

  • megawind
  • ベストアンサー率39% (101/255)
回答No.3

ボタンの形にしたいなら。 input type="button" value="前のページに戻る" onClick="history.back()"> <input type="button" value="次のページに進む" onClick="history.forward()"> で出来ます。 #1と#2の方がおっしゃるようの方法でも機能的には同じ。

noname#3213
質問者

お礼

ありがとうございます。 ボタンの形で出来ました。

noname#3361
noname#3361
回答No.2

>リンクしても同じ所に帰ってこれる 同じところに帰るのなら単純にリンクでいいと思いますよ。(例えばトップページへのリンク) 「戻る」のなら「javascript:history.back()」はいかがでしょう。

noname#3213
質問者

お礼

ありがとうございます。

  • HUTABA
  • ベストアンサー率27% (436/1611)
回答No.1

<A HREF="JavaScript:history.back();">戻る</A> でどうでしょう?

noname#3213
質問者

お礼

どうもありがとうございます。 出来ました。

関連するQ&A

  • ブラウザの戻るボタン

    Windows7でIE9を使ってWEBブラウジングをしています。なんかこのごろ ブラウザの戻るボタンを押しても画面がもとに戻らないHPが増えているような 気がしますが、これはOSとかIEの仕様でしょうか。また、なぜ戻らないように なっているのか、仕組みがわかれば教えてください。前頁に戻す方法が あるのでしょうか。

  • ブラウザの戻るボタンで戻る位置が違う

    Firefoxを使った場合 http://asahi-net.jp/ ではトップページの下へ行き、何かリンクページを見てからブラウザの戻るボタンを押すと元の位置へ戻りますが、 https://www.slownet.ne.jp/sns/my/top では戻るボタンでページのトップへ戻ってしまいます。 InternetExplorerでは両サイトとも元の位置に戻ります。 この違いはどうして起こるのでしょうか。

  • Flash ブラウザの「戻る」ボタンで戻ったときにFlash内の特定のページに飛ぶ

    ブラウザの「戻る」ボタンで戻ったときにFlash内の特定のページに飛ぶようにするにはどうしたらいいのでしょうか? というのが質問です。 「戻る」ボタンではなく、ページリンクから飛ぶときには「hoge.html?tatoeba=0」というふうに変数を渡していますが、ブラウザの戻るボタンから戻ってきた場合の方法がわかりません。 どなたかご教授願えないでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • Flash
  • ブラウザーの戻るボタンを押して戻ったときのみJavaScriptを実行したい

    スタートページ[1]がありSubmitボタンを押すと、そこから別のページへ[2]リンクし、[3]等へつながります。 [2]や[3]等から[1]にブラウザーの戻るボタンを教えて戻った場合にとあるJavaScriptのコードを実行したいのですが、戻った際にページの再読込をなるべくさせずに行いたいです。 現在、Submitボタンを押すと同時に押したときのパラメータをCookieにも保存してあります。 方法としては以下の2パターンが考えられますが、いずれも方法が分かりません。 ・ページの表示が再び有効になる際、cookieにデータがあればそのデータを使う。 ・ブラウザーの戻るボタンを押した事を判定するコードを使ってフォームを再現する。 御指南頂けませんでしょうか。お願いします。 -------------------------------------------------- 何をしているかといいますと、DHTMLで複数のselectフォームを左から順に、前の項目によって次の項目の内容が変化する、というものを作りました。ですがフォーム送信した後、ブラウザーの戻る機能を使ってフォームのあるページに戻ると元々は[選択してください]という項目しかないために存在しないSelectボックスのOptionIndexを参照され、空白となってしまうのを避けたいのです。(new Optionを利用)

  • インラインフレームへのリンクとブラウザの「戻る」ボタン

    インラインフレーム内をターゲットにしたリンクの場合、 ブラウザの「戻る」ボタンではフレームの中が戻ってしまいます。 これを避けて、フレームが設置してあるページが戻るようにする方法があれば教えてください。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • ブラウザの「戻る」ボタンを押したときの移動先

    送信フォームがあるページで、<form action="" method="post">としています。このフォームから送信した場合、送信後、同じページがもう一度読み込まれると思うのですが、そこでブラウザの「戻る」ボタンを押すと、当然送信前のページ(=同じページ)に移動して、もう一度押すとその前に表示していたページに戻ります。 送信後にブラウザの「戻る」を押したときに同じページをもう一回表示せずに、その前に表示していたページに直接移動させるようなことは、可能でしょうか? $_SERVER['HTTP_REFERER']を使って「戻るリンク」を設置することはできるのですが、今回は、ブラウザの「戻る」ボタンの動作の話です。 ページはPHPで生成しています。

    • ベストアンサー
    • PHP
  • Firefox2.0でブラウザに表示されたボタンが機能しない

    Firefox2.0でブラウザに表示されたボタンが機能しません。 ある検索サイトで、検索、進む、クリアなどのボタンが一切機能しません。 他のサイトへのリンクなどは正常に動くのですが、ボタンだけはまったく機能しなくなりました。 何か原因があるでしょうか。対処方法があれば教えてください。

  • ブラウザの戻るボタン

    jQueryで1つのHTMLをcss("display", "block");css("display", "none");を用いて複数ページのように形成したが、css("display", "none");を使用し1ページ目を非表示にし2ページ目を表示させ、1ページ目から2ページ目に偏移したかのように見せて、ブラウザの戻るボタンを押すとファイル上は1つのHTMLのため、このHTMLを表示する前の状態が表示されてしまいます。ブラウザの戻るボタンを押してHTML内の1ページ目を表示する方法ありませんか?

    • ベストアンサー
    • AJAX
  • ブラウザの「戻る」ボタンを押しても前に見たページに戻らないHPって?

    IEのブラウザを使用していますが、たまに「戻る」のボタンを押しても前に見たページに戻らなく、今見ているページに留まってしまうHPがあります。 これはどういう仕掛けなのでしょう? はっきり言って面倒です。

  • ブラウザで戻るとFlashのリンクボタンが効かない

    Firefoxで、“Flashで作成したリンクボタンをクリックして移動した先のページ”から、 ブラウザの“戻る”で戻ってくると、 Flashで作成したリンクボタンが効かなくて困っています。 どのページを見ても同じ現象が起こるのですが、 これは、Firefox特有のバグなのでしょうか? それとも、作り方によって、この状況を回避する方法はあるのでしょうか? ちなみに、私の閲覧環境と症状のサンプルは以下の通りです。 ────────────────────────────── Mac OS 10.5.8 Firefox 6.0.2 ────────────────────────────── ◇サンプルサイト ────────────────────── http://suzupara.iinaa.net/kiso081.html (※ここの【_self】ボタンを押してページを移動してください) ────────────────────────────── 何かわかる方、何卒情報をよろしくお願い致します。。。m(_ _)m

専門家に質問してみよう