Greasemonkey がページの描画にどのくらい影響を及ぼしているかをなんとなく知る方法
■ Greasemonkey がページの描画にどのくらい影響を及ぼしているかをなんとなく知る方法 ユーザスクリプトを入れまくるとページの表示が遅くなるのは周知の事実ですが、実際どの程度の影響が出ているかを調べてみたくなりました。ユーザスクリプトはいわゆる一つの「DOMContentLoaded」のタイミングで実行されるので、HTML 開始時の秒数と onload 時の秒数の差分でも取ればなんとなくそれっぽいデータが手軽に取れるんじゃないかと思って、次のような HTML ファイルを作ってそのページを表示させる事にしました。超適当。 <html> <head> <script type="text/javascript"> var t = new Date; window.onload = function() { document.getElementById('result').inner
Javascript で IE のバグと戦う
■ Javascript で IE のバグと戦う さっき知ったのですが、InternetExplorer はフォーム内にテキストフィールドが1つしかない場合、エンターキーを押しても submit ボタンの情報(name,value)は送られない仕様*1だそうです。フィールドが2つ以上あれば良いらしく、幅0のフィールドを追加するとか CSS で見えなくしたりするのがトレンディみたいです。 submit ボタンに名前を付けて処理を分岐させるのって結構好きなのですが、こんなわけのわからん仕様っつかバグでしょ、まぁいいや、えっとこんなの覚えておけないし、また悩むのは嫌なので Javascript で見えないフィールドを自動的に追加するやつ書いてみました。 var f = document.forms; for(var elm, i = 0; elm = f[i]; i++) { var input
デブサミ2007行ってキタ
■ デブサミ2007行ってキタ 昨日は朝からデブサミ行ってました。運営の方、発表者の方、皆さん大変お疲れ様でした。色々勉強になり、とても有意義な時間をすごす事できました。ありがとうございました。 発表を見て気になったモノ。 Archer デプロイツール Assurer サーバのテスト&監視ツール Zen VB みたいな感覚でウェブアプリが開発出来るやつ Caché ってやつと連携するらしいけど、肝心の Caché の価格がウェブじゃ見れないし、多分企業向けなんだろう あと安売りしてるっぽかったので Rails本 買ってきたんだけど、超絶定価だった。ひどい。 さらに、そういえば、出発直前まで会場は中目黒だと思い込んでたので、危うく迷子になる所でした。
フォームの入力エラーを吹き出しで教えてくれる JavaScript
■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri
誰も解説しない「Modify Url」の使い方
■ 誰も解説しない「Modify Url」の使い方 今 Platypus っていうツールを使っているんですが、このソフトは使いにく過ぎてヤバいです。スゴクベンリデス。 でまあ知らない人のために言っておきますと、Platypus ってのはあの Greasemonkey のユーザスクリプトを簡単に生成してくれるおもしろツールなんですね。 それで、選択したエレメントを削除したりとか CSS の属性値を変更したりとか色々機能があって何だかんだ言って便利なんですが、その中の Modify URL って言うハイパーリンクを変更する機能が高機能でスゲェんですよ。ヘルプを見ても「正規表現でURLが変更出来る」としか書いてなくてこの突き放しっぷりが素敵なんですが、さすがにこれじゃ使えてる人いなそうなのでここに解説します。 まずこれ、変更しようとするといきなり入力フォームが四つも現れるんです。四つ。 ※クリッ
テキストエリアとかリサイズ可能にする JavaScript
■ テキストエリアとかリサイズ可能にする JavaScript 好評の、読み込ませるだけシリーズ の6番目。 このスクリプトを読み込ませるだけで、ウェブ上にある TEXTAREA とかその他色々好きな要素がリサイズ可能なやつに大変身。とりあえずサンプル見るのが手っ取り早いです。 実際の動作サンプル テキストエリアの右下にマウスカーソルを持っていくとカーソル形状がかわるので、そのままドラッグするとサイズも変わります。 自分はグリモンスクリプトで快適なんですが、サービス提供側でこういう機能を提供してくれたら幸せな人が増えるんじゃね？とか思ったので作ってみました。 実際のリサイズ方法に関しては、愛用している Changing <textarea> Size のコードが大変参考になりました。ありがとうございます。 コードは次の通りです。 メイン部分。 var ElementResizer = {
JavaScript ミニライブラリ
■ JavaScript ミニライブラリ ちょっと前から「なくても不便じゃないけど、あったらちょっと便利かもね」っていう JavaScript を書いたりして発表していましたが、一覧とか作ってないからどんなのがあるのかわかりにくかったのでまとめてみました。 onsubmit で disable 以外のスクリプトは全てパブリックドメインとするので、自由に使って下さい。onsubmit のやつはもともと自分が作ったものじゃないので良くわかんない(← 無責任)。 結構作ってるつもりだったけど、並べてみると意外と少ない。 onsubmit で disable にするやつ テキストフィールドのフォーカス時に背景色を変更する JavaScript フォームに入力を促すメッセージを出力する JavaScript パスワードの安全性を教えてくれる JavaScript カーソル位置のセルの上端と横端をハイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
