home page 小粋に-3

８-3

　小技で小粋に-３
　　　戻る／次へ　ボタンを作りたい。

『答え』　ブラウザのボタンに頼らずに作ってみましょう。

ネットサーフィンしてると戻ってみたり、次へ進んだりしたくなる（させてあげたい）ことがありますね。それをブラウザのボタンじゃなくて戻してあげたりするボタンを用意してみましょう。
これはリンクではなくて履歴を辿りますから、変なとこから迷いこんでも戻せますよ。
ほら、下が見本です。ボタンを押してみてください。（でも、ここではメニューに戻るだけで実感がわかないかも）
----------

----------
これも実に簡単なタグです。
FORMというタグでこんなことが出来るんですよ。
<form>
  <p>
  <input type="button" value="戻る" onclick="history.back()">
  <input type="button" value="更新" onclick="location.reload()">
  <input type="button" value="進む" onclick="history.forward()">
  <input type="button" value="トップページ"
  onclick="location.href='http://www.eva.hi-ho.ne.jp/misteroz/HPmaking.html'">
  </p>
</form>
onclick="location.href='http://www～～～の部分には設定したいトップページのURLを入れて下さいね。

ボタンでの表示には好き嫌いがあるようですね。そこでアイコン使って戻る／進むを機能させる方法もお教えしておきましょう。（画像アイコンは、いつものように『お菊巧芸』さんからお借りしました）
こんな感じになります。タグは下記の通りです。
<A href="javascript:history.back()"><IMG src="modoru.gif" border=0></A>
<A href="javascript:history.forward()"><IMG src="otugi.gif" border=0></A>
別のアイコンを使う時はmodoru.gifとotugi.gifを変えて下さい。（当たり前ですが）

←メールで質問！　

←掲示板で質問！　

←納得！