タグ

ライブラリとtipsに関するumakoyaのブックマーク (3)

  • [JS]テーブルのセルをハイライトさせる -tablecloth.js

    tablecloth.jsは、テーブルのセルをマウスのホバーやクリックでハイライトさせるスクリプトです。 Tablecloth tablecloth.jsは、外部スクリプトとスタイルシートを指定するだけで使用ができ、マウスのホバーやクリックでそのセルの縦列・横列をハイライト表示にすることができます。 オプションでは、ハイライトの有無、横列のハイライトの有無、クリックのハイライトの有無などが選択できます。

  • 入力値を簡単に制限する「yav」とかフォーム入力チェックいろいろ

    メール送信フォームやらアンケートの回答フォームやら、とにかくネット上には様々なフォームが存在しています。入力する値が間違っていると「エラー」表示を出すタイプのモノが多いですが、出される側から見れば「そんな値を入力できるようにするなよ!」「8文字までしか受け付けないんだったら、最初から入力可能な文字数を8文字に制限しておけよ!」「エラーが出たらどこを再入力すればいいのかわかりやすく表示してくれ!」などと思うこともしばしば。 というわけで、この「yav」は入力エラーチェックだけでなく、最初から入力できる値を制限したり、数字であれば範囲指定したり、入力チェック後にフォームの色を変えてわかりやすくしてくれたり、とにかくいろいろ便利な入力チェック機能を簡単に組み込むことができるオープンソースで開発されているJavaScriptファイルです。入力チェック後のエラー表示もポップアップウインドウやページ内

    入力値を簡単に制限する「yav」とかフォーム入力チェックいろいろ
  • フォームの入力値をリアルタイムにバリデーション「Realtime validation」:phpspot開発日誌

    Realtime validation using Ajax Ajaxなどを駆使して、入力値を動的にチェックするライブラリ、realtime validation を公開しました。 >> http://masuidrive.jp/validation  正規表現とメッセージを指定するだけで、入力した瞬間にユーザに対してガイドメッセージを表示させる事ができ、今までの様に画面遷移後にエラーが出て、ユーザがエラー位置を把握しづらいと言う事がありません。 フォームの入力値をリアルタイムにバリデーション「Realtime validation」。 prototype.js と、配布している validate.js を読み込んだあと次のようなコードを書くだけ。 Validator.register({ "#mail" : { "/^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2

  • 1