フォームの入力エラーを吹き出しで教えてくれる JavaScript
■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri
WindowsIE での編集画面の挙動について - はてなダイアリー日記
http://d.hatena.ne.jp/hatenadiary/20061214/1166080216 Windows IEの文字サイズ「小」以下のサイズを使った場合に、日記編集ページや管理ページでの文字サイズが小さくなりすぎる問題につきまして、本日対策を行いました。長らくご不便をおかけいたしました。 Windows IE の文字サイズが「小」以下の場合に、ページ読み込みのタイミングで入力フォームの文字サイズを大きくします。この機能は JavaScript を用いて動的に判別しており、インターネットオプションでアクティブスクリプトが「無効」となっている場合には、設定を変更していただく必要がございます。また編集ページを表示中に文字サイズを変更した場合にも、文字サイズは小さいままとなります。あらかじめご了承ください。 はてなダイアリーでは今後もいただいたご意見をもとに機能を調整して参ります
ページ遷移前に確認をする、onbeforeunload - 実用
JavaScriptwindowのonbeforeunloadハンドラで、Event#returnValueに値を入れると、ページ遷移直前にユーザーに確認ダイアログを表示することができる(んだって)。 以下コードの正常動作を、Firefox 2.0とIE 7で確認した。Operaでは実行されなかった。 window.onbeforeunload = function(event){ event = event || window.event; event.returnValue = '?'; } 以下は、IEとFirefoxの確認ダイアログのキャプチャ。 MochiKitでは、Event#confirmUnloadで確認ダイアログを出せる。 connect(window, 'onbeforeunload', function(event){ event.confirmUnload('?'
フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」:phpspot開発日誌
フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」 2006年10月22日- Tooltip for forms You can download the entire script from this Zip file フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」。 このライブラリを利用すれば、次の画像のようなツールヒントをフォーム上に出すことが可能です。 実装は、必要なライブラリを読み込んだ後、次のように、tooltipText 属性にヒントを書きます。 <input type="text" id="firstname" name="firstname" tooltipText="Type in your firstname in this box"> そして、
編集ページ、管理ページの変更につきまして - はてなダイアリー日記
本日、日記の編集ページ、および設定やデザインの変更などを行う管理ページの変更を行いました。 これは先日行いましたトップページ、キーワードページなどの変更（id:hatenadiary:20060831:1157021294）と同様に、より見やすい画面にするためのデザインの変更を目的としたものです。どうぞご利用ください。 主な変更点は以下の通りです。 編集ページ、管理ページを、トップページ、キーワードページなどと同じコンセプトによるデザインに変更いたしました 編集ページのJavaScriptの処理を見直し、読み込み速度を向上させました 短期間に再度のデザイン変更が発生し、大変ご不便をおかけしてしまいますが、日記の編集画面は日々利用していただく画面であることから、少しでも使いやすく、飽きの来ない画面にしていきたいと考え、今回のデザイン変更を行わせていただきました。ご理解くださいますようよろしく
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
