オンマウスでテキストボックスにコメント


マウスを乗せるとテキストボックスにコメントが表示されます





テストリンク1

テストリンク2

下記のタグをコピーして自分のホームページの表示したい部分に入れて下さい。黄色の数字はテキストボックスの横の長さです。自分の好みに変えて下さい。styleは自由に変えられます。

<FORM NAME="a">
<INPUT TYPE=text NAME=b SIZE=30 style="border-style:solid; border-width:1px;"
value='ここは最初に表示されるコメント'>
<BR>
<A href="リンク先URL" onmouseover="document.a.b.value='ここにリンクの説明文';" onmouseout="document.a.b.value=''">リンクテキスト</A>
</FORM>

上記のソース コピーして使用して下さい



FORM NAME、 text NAME' の部分は任意の名前をつけて下さい。同じページに2つ以上作成するときは同じ名前にしないで下さい。エラーになってコメントが表示されません。

value='ここに説明文が表示されます' の部分はテキストボックスに最初に表示されるコメントの部分です。

onMouseout="document.a.b.value=''"
上記はマウスが離れた時にコメントを出したい時です。コメントを入れたい時は入れてください。

onMouseout="document.a.b.value=''ここに文字"

下線を出したくない場合は text-decoration: none;
下線を出したい場合は text-decoration: underline;

link 未訪問のリンク
visited 訪問済みリンク
active リンクをクリックしたとき
hover マウスが乗ったとき

リンクの開き方(ターゲット)

<a href="http://yume.hacca.jp" target="_blank">サンプルページ</a>

ターゲットtarget はリンク表示(リンクの開き方)の方法です。上記のソースは新しいウィンドウで開きます。

ターゲットの種類

target="_blank" 新しいウィンドウで開きます
target なし 同じページで開きます
target="_top" 全てのフレームを解除して画面全体を表示
target="_self" 同じウィンドウ(フレーム)に表示
target="_parent" 親フレームに表示します。
target="フレーム名" フレームから別フレームに表示します

関連項目・関連ページ

同じページ内や他のページの任意の場所へリンク

●当サイトのソースは、IE6.0+のみ動作確認をしております。 それ以外のブラウザでは正しく作動しない場合がございます。ご了承下さい。