ヒストリー

***　ヒストリー　***

次は「ヒストリー制御」にいきましょう！(*￣0￣*)ノオー
ブラウザーの『戻る』『進む』と同じ役割を持つボタンです。
前回の、ボタン（もどき?）を使って紹介していきますね♪

※ここで注意する点
ヒストリーは　いわゆる「履歴」なので、
一度ブラウザーで表示されたページのみ有効となり、
『進む』の場合は　そのページに『戻る』でバックして来た時のみ効果があります。

*-*-* ヒストリーの指定 *-*-*

↓基本のタグ

<a style="background-color: ● ;border:outset;color: ■ ;font-size: □ ;
text-decoration:none;" onMouseOver=style.border="inset"
onMouseOut=style.border="outset" onclick="history. ▲ ">
ここに文字（戻る等）
</a>

記号の説明

●

背景色

■

文字の色

□

文字の大きさ

▲

ヒストリーの種類

▲ に入れるヒストリーの種類

back()

戻る

forward()

go(*)

*つ進む（-*戻る）

上記の説明をしていきます。
● ■ □ は、それぞれ表示される文字の設定です。
▲ に入れる『go(*)』は、正数・負数のどちらでもOKです。
例えば、*に『1』を入れると１ページ進み、『-1』を入れると１ページ戻ります。

とりあえず　それぞれ見てみましょう。

戻る進む一つ戻る

こんな感じになります♪

*-*-* 余白の指定 *-*-*

これまでは、文字のサイズに合わせて作られていた枠ですが、
基本のタグに『 padding:★ 』を追加する事で、文字の周りに余白を作る事ができます。

↓ここで使うタグはコレ
注意する点は、『 padding:★ 』を入れる場合、前に『 <BR> 』を追加する事。
余白が1行分必要な為、『 <BR> 』を追加します。

<BR> <a style=" padding:★ ;background-color: ● ;border:outset;color: ■ ;font-size: □ ;
text-decoration:none;" onMouseOver=style.border="inset"
onMouseOut=style.border="outset" onclick="history. ▲ ">
ここに文字
</a>

ではこの効果を見てみましょう｡｡｡　(^-^)
ここでは『 ★ 』に『5』を入れ、文字のサイズは『13』にしてみました。

戻る進む一つ戻る

…とまぁ　こんな感じです。(^O^)

*-*-* カーソル（ポインター）の指定 *-*-*

せっかくですので、カーソル（ポインター）の指定もしておきましょう｡｡｡　(^ー^* )
通常のリンク時には、 指のカーソル（重ねてみてねｖ ）が自動表示される筈なので、
これを追加してみます。

<BR> <a style=" cursor:hand ;padding: ★ ;background-color: ● ;border:outset;color: ■ ;
font-size: □ ;text-decoration:none;" onMouseOver=style.border="inset"
onMouseOut=style.border="outset" onclick="history. ▲ ">
ここに文字
</a>