今回は34回目です。
クリックするとボタンの中の文字が変わります。


テキストが変化するボタン

今回の効果は、正直とっても”地味”です。「おーっ!」という効果ではありません。
しかし、入力フォームの「送信ボタン」をクリックしたとき「ありがとう」のひとことが表示されたらちょっと嬉しいかもしれません。
書き方も簡単ですので、自分のオリジナリティが出るような個性的なひとことを表示させてみてはいかがでしょう?

今月も少しだけこの実験にお付き合い下さい。

ポイント ポイント value="ここを押してみてね" の「”」と「”」の間に最初に表示させる言葉を書きます。
onclick="this.value='どうもありがとう!!'" の「’」と「’」の間にクリックした時に表示させる言葉を書きます。
効果 効果 最初にvalue="ここを押してみてね" の「ここを押してみてね」がボタンに表示されています。
ボタンをクリックするとonclick="this.value='どうもありがとう!!'" の「どうもありがとう!!」に変わります。
使い方 使い方 実際の実験画面のソースをご覧下さい。


今回の実験でわかったこと


この効果は、Netscape4.0、Explorerの4.0からできます。

この効果は、書き方が比較的優しいので、使いやすいと思います。
ひとつ気になるのは、入力フォームの「送信ボタン」にこれを使った場合、ボタンの表示が変わる前にページが「入力確認のページ」などにジャンプしてしまうことがあるのでは・・・ということです。
もし、やってみて不都合があるようなら教えて下さい。


ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)

超簡単HP実験室