マウスに触れるとテキストボックスに文字を表示させるには
HOME > FrontPage 2003でホームページ作成 (中級編) > ビヘイビア
人が登録はじめに
以下がサンプルです。ワニchan、アリchanにふれてみてください。
テキストボックスを挿入する前に、ページのオプションで「フォームフィールドをフォーム内に自動的に埋め込む」のチェックを外しておいてください。
FrontPageの操作方法
テキストボックスを作っておきます。
[挿入]→[フォーム]→[テキストボックス]をクリックします。
テキストボックスの幅を調整します。マウスで適当な幅に調整しておいてください。
まず、アリchanを選択して、[書式]→[ビヘイビア]をクリックします。
[ビヘイビア]作業ウィンドウより[挿入]ボタンをクリックして、
一覧から[テキストの設定]→[テキストフィールドへのテキストの設定]をクリックします。
テキストフィールドへのテキストの設定ダイアログボックスが表示されます。
そこにメッセージを入力してOKボタンをクリックします。
ビヘイビアのイベントを以下の図のように「onmouseover」に設定します。
さらに、マウスから離れたときにメッセージを消すようにします。
[ビヘイビア]作業ウィンドウより[挿入]ボタンをクリックして、
一覧から[テキストの設定]→[テキストフィールドへのテキストの設定]をクリックします。
ステータスバーテキストの設定のメッセージは半角スペースを入れてOKボタンをクリックします。
2行目が空のメッセージの設定になります。
※どちらが空のメッセージテキストが設定されているかはイベント部分をダブルクリックして確認しておいてください。
このようにイベントを「onmouseout」に設定しなおします。
もう一方のイベントは「onmouseover」に設定されているかどうか確認してください。
もしそれ以外であれば、「onmouseover」に設定してください。
ワニchanに触れると表示するメッセージを設定するには、ワニchanを選択して、[ビヘイビア]作業ウィンドウより[挿入]ボタンをクリックし 、
一覧から[テキストの設定]→[テキストフィールドへのテキストの設定]をクリックします。
テキストフィールドへのテキストの設定は以下の通りです。
以下同様に、以上のメッセージのイベントは「onmouseover」に、あとマウスから離れたときに非表示にするため、イベントを追加して空白スペースだけのメッセージを「onmouseout」イベントとして設定します。
