フォームに入力を促すメッセージを出力する JavaScript - Javascript・Ajaxのテクニックとトピックのまとめ

■ フォームに入力を促すメッセージを出力する JavaScript ■

2007/12/13 6:30:00　

30　espion.just-size.jp　[　この元コンテンツへ　]

input type="text" なフォームに最初から「ここに入力して下さい」みたいなメッセージを薄い色で表示させておいて入力を促すようなのありますよね。なんか、あれを、現実逃避気味に書いたので。 function inputDefault(elm, msg) { this.elm = elm; this.msg = msg; this.color = '#999999'; this.bgColor = '#F9FFF9'; } inputDefault.prototype.set = function() { this._cleared = false; this._defColor = this.elm.style.color...

[　← 前の画面　]　 【 PR 】 SEO のための CSS トピックスまとめ [ 無料 ]　[　ニコニコ風　]　[　関連記事　]　[　Feeling Lucky　]

[ スポンサードリンク ]

■ この情報のコメント・メモ ■

いくつかある中で、Safariだとこれぐらいしかうごかんかった。。//　 [ fujimori1981 ]

formをクリックすると初期メッセージが消える

入力内容を表示するJs

ん、いいかも♪私も現実逃避気味に書きます!

フォームの入力欄に薄い色で「入力してください」のようなテキストを表示させるライブラリ。（→改良版：http://walf443.raindrop.jp/mt/2005/11/17/_javascript.html）

フォーカス前に文字を表示しておくためのJavascript

参考に

言われてみれば良くある気がする。WRYYYYYじゃなくてウリィィィィなあたりオルソンかねｗ

わかりやすくていい感じ　 [ ntatsuki ]

『フォームに最初から「ここに入力して下さい」みたいなメッセージを薄い色で表示させておいて入力を促すようなの』

フォームに入力を促すメッセージを出力するJavaScript　 [ drumsco ]

改良版：http://walf443.raindrop.jp/mt/2005/11/17/_javascript.html

入力フィールドに薄く「ここに記入」みたいなメッセージを表示させる方法　 [ fhisa ]

テキストボックス等

[　← 前の画面に戻る　]

■ ■

JavaScriptを使ったAutoCompleteの仕組み色々:phpspot開発日誌　[　情報元へ　]
20 Ready to Use Auto Completion Scripts ?|?Dzine Blog JavaScriptを使ったAutoCompleteの仕組み色々がまとまっていたので一部ご紹介。当サイトでも過去に紹介したものが含まれていますが、こうしたライブラリは実際に使ってみると自分...

入力文字数の制限を可視化する JavaScript　[　情報元へ　]
好評の、読み込ませるだけシリーズの8番目。 maxlength 属性とかアプリケーション側とかでフォームの入力文字数を制限していても、ユーザにとっては自分が何文字くらい入力したかがわからないと不便そうなので、汎用的なのを作りました。フォームにフォーカスが当たると、入力した文字数と入力可能な文字...

Smooth Scroll して画面の上に戻るJavaScript - youmos　[　情報元へ　]
最近よく見かけるSmooth Scroll で画面上に戻る、JavaScript実装方法を紹介する。戻るリンクの部分は、画像ボタンでもテキストリンクでもどちらにも対応する方法なので、サイトのデザインにあわせて別途ご用意いただきたい。...

JavaScript小技集　[　情報元へ　]
「JavaScript/DHTMLを使いたいけど勉強するのは面倒」という人のために、そのままコピー＆ペーストして使える自作JavaScript/DHTMLの数々をご紹介します。今までＣＧＩを使わなければできないと思っていたようなこともJavaScriptやDHTMLを使うと簡単にできるようになりま...

鷹の島: テキストフィールドのフォーカス時に背景色を変更する JavaScript　[　情報元へ　]
以下の JavaScript を読み込ませれば、フォームのテキストフィールドにフォーカスした時に、背景に色がつくようになります。今どのフィールドを選択しているのかが視覚的にわかるので便利。 mixi にこの機能がついていたんだけど、onfocus なんてのをいっぱい書いていて非効率的だと思ったので...

まるでブラウザ上のエクスプローラーな「AJAX File Browser」:phpspot開発日誌　[　情報元へ　]
AJAX File Browser Demo まるでブラウザ上のエクスプローラーな「AJAX File Browser」。次のようなファイルブラウザをブラウザ上に埋め込めるウィジェットが公開されています。さすがにドラッグ＆ドロップのファイル移動は出来ないけど、ツリーやフォルダがある部分は再現さ...

マウスオーバでテーブルのセルをアクティブ状態にするjavascript『Tablecloth』 | CREAMU　[　情報元へ　]
テーブルのユーザビリティを上げたい。そんなあなたにおすすめなのが、『Tablecloth』。マウスオーバでテーブルのセルをアクティブ状態にするjavascriptだ。シンプルなコードを2行追加するだけで、ユーザを魅了するテーブルを作ることができる。 ↑の画像のように、マウスオーバでセルの行と列...

432 + JavaScript Libraries : skuare.net　[　情報元へ　]

JavaScript Ajax 実践サンプル集 - ホーム　[　情報元へ　]
JavaScriptとAjaxのプログラムは、カテゴリー別 ( DHTML| BOM/DOM| Ajax| jQuery )にご覧いただくことができます。プログラムのソースコードは、「全コード」と「分割コード」の2種類用意しています。ソースコードは簡易エディタで書き直してその場で実行させる...

いやなブログ: JavaScript とクロージャ　[　情報元へ　]
JavaScript とクロージャJavaScript プログラミングはなかなかおもしろいよ、と知人に言ってみたところ、全然信用されずに怪訝な顔をされる、という目に遭いました。クロージャが使えて DOM ツリーにイベントハンドラを簡単に追加できるよ、と続けると多少は興味を持ってもらえるようなので、...