onsubmit で disable にするやつ
■ onsubmit で disable にするやつ onsubmit で submit ボタンを disable にしてユーザビリティを良くする フォームを送信した時に、submit ボタンを disabled にして二重送信を防ぎましょう、というのがナウなヤングにバカウケ？ そんでもって、ここに書いてあるやつ なら、そこの JavaScript を読み込ませるだけで、自動的に全てのフォームに対して設定が行なわれるので便利。中止ボタン対策もしてあってグッド。 ただ、Deer Park な Firefox で試した所、戻るボタンで戻った場合は disabled が解除されないし、中止ボタンでの復活も効かない様子。 なので、書き直してみました。 var DisableSubmit = { init: function() { this.addEvent(window, 'load', thi
ファイル名を exif の撮影日時に変更
■ ファイル名を exif の撮影日時に変更 ※CodeRepos から github へ移ったので、それに応じて内容を書き換えました デジカメで写真を撮ったりなんかすると、ファイル名が dsc00193.jpg みたいな味気無い感じでイヤです。嫌いです。なので、撮影日時に変更するスクリプトを書いて、github 内の gist へコミットしました。 rename2exiftime (gist) 引数に指定したファイルの名前を変更します。 $ rename2exiftime photos/*.jpg photos/dsc00193.jpg to photos/2007.12.05_09.56.09.jpg photos/dsc00194.jpg to photos/2007.12.05_09.56.20.jpg photos/dsc00195.jpg to photos/2007.12.0
JavaScript ミニライブラリ
■ JavaScript ミニライブラリ ちょっと前から「なくても不便じゃないけど、あったらちょっと便利かもね」っていう JavaScript を書いたりして発表していましたが、一覧とか作ってないからどんなのがあるのかわかりにくかったのでまとめてみました。 onsubmit で disable 以外のスクリプトは全てパブリックドメインとするので、自由に使って下さい。onsubmit のやつはもともと自分が作ったものじゃないので良くわかんない(← 無責任)。 結構作ってるつもりだったけど、並べてみると意外と少ない。 onsubmit で disable にするやつ テキストフィールドのフォーカス時に背景色を変更する JavaScript フォームに入力を促すメッセージを出力する JavaScript パスワードの安全性を教えてくれる JavaScript カーソル位置のセルの上端と横端をハイ
入力文字数の制限を可視化する JavaScript
■ 入力文字数の制限を可視化する JavaScript 好評の、読み込ませるだけシリーズ の8番目。 maxlength 属性とかアプリケーション側とかでフォームの入力文字数を制限していても、ユーザにとっては自分が何文字くらい入力したかがわからないと不便そうなので、汎用的なのを作りました。 フォームにフォーカスが当たると、入力した文字数と入力可能な文字数が表示され、リアルタイムに更新されていきます。 動作サンプル コードは次の通りでして、prototype.js(1.5.0くらい) に依存してます。 var VisualLength = Class.create(); VisualLength.prototype = { initialize: function(attribute) { this.fields = ['INPUT', 'TEXTAREA']; this.attribute
フォームの入力エラーを吹き出しで教えてくれる JavaScript
■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri
HyperEstraier の Perl Binding を使ってみた。
Hyper Estraier になって、色々外部のプログラムからも扱いやすくなっているようなので、いまさらながら試してみました。 プログラミングガイド だけでは良くわからなかったのと、Perl でやってる人が見付からなかったので、ここにサンプルを載せておきます。 単純にデータベースを開いて、検索を実行し、パスの一覧を表示するだけのスクリプトです。 以下のスクリプトを作成するにあたって、HyperEstraier の Python Binding できた が参考になりました。 #!/usr/bin/perl -w use strict; use HyperEstraier; my $word = shift||die "$0 [keyword]\n"; # データベースを開く my $db = new HyperEstraier::Database; $db->open('casket',
Development Environment Conference 行ってキタ
■ Development Environment Conference 行ってキタ 今日(もう昨日だけど)は Development Environment Conference へ行ってきました。参加申し込みの前哨戦があったみたいですが、事前に名前とメールアドレスとコメントをコピペ用に用意してたオレの勝ち。 秋葉原ってパソコン買う時しか行かないから大分久しぶり何だな。相変わらずメイドさんとか普通にチラシ配ってるけど、あれ効果あんのかね。そういえば、バスケットコートとかどうなっちゃったんだろうか。 ダイビルの様子 20分くらい前に会場入りしました。チケットとかないしどうやって入るのかと思ったら、何かもうスルーでした。せめて名前くらいは確認した方が…。 とりあえず、スクリーンの近くに陣どった。 発表前の風景 そんで感想とか適当に抜粋して書きなぐり。上段が発表内容で下段がオレの感想と読みにく
テキストエリアとかリサイズ可能にする JavaScript
■ テキストエリアとかリサイズ可能にする JavaScript 好評の、読み込ませるだけシリーズ の6番目。 このスクリプトを読み込ませるだけで、ウェブ上にある TEXTAREA とかその他色々好きな要素がリサイズ可能なやつに大変身。とりあえずサンプル見るのが手っ取り早いです。 実際の動作サンプル テキストエリアの右下にマウスカーソルを持っていくとカーソル形状がかわるので、そのままドラッグするとサイズも変わります。 自分はグリモンスクリプトで快適なんですが、サービス提供側でこういう機能を提供してくれたら幸せな人が増えるんじゃね？とか思ったので作ってみました。 実際のリサイズ方法に関しては、愛用している Changing <textarea> Size のコードが大変参考になりました。ありがとうございます。 コードは次の通りです。 メイン部分。 var ElementResizer = {
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
