javascript

Javascript+SELECTBOXでページを切り替える

SELECTBOXでページを切り替えたいときがある。よくあるのが、検索結果一覧において「30件、50件」のようにSELECTBOXで表示件数を切り替えられるようにするケース。 調べたけど、スマートな記載が簡単に探せなかったので、メモしておく。 optionのvalueに切り…

一行テキストボックスの横幅を入力データの長さに合わせる

Webページを印刷する際、一行テキストボックスに長いデータが入っている場合、はみ出た文字列が印刷されないという課題がある。 そのため、画面を表示する際に一行テキストボックスの横幅を、入力されているデータの長さに合わせてリサイズするようにした。 …

フォームのリセット時に確認ダイアログを表示させる

リセットボタン押下時に、確認ダイアログを表示させたいことがある。 <input type="reset" value="Reset" onclick="return confirm('本当にクリアしてもよろしいですか?');" /> ダイアログを表示させる分にはさほど大変ではない。これはよく見かける。 確認ダイアログ以外に処理をさせたい場合にはどうしたらよいか? <input type="reset" value="Reset" onclick="return clearInput();" /> <script type="text/javascript"> function clearInp…

ヒュベニの公式で地図上の2地点間の距離を求める

地図上の2点間の距離を求めるのはやっかいな問題だ。地球は丸いため、ピタゴラスの定理で求めることは出来ず、難しい計算を要するためだ。今回、数ある計算式の中から、比較的簡単なヒュベニの公式を挙げておく。ただ、この公式、カシミール 3Dで利用されて…

javascriptで本文抽出

Readability | The Arc90 Lab*1って、どんな仕組みなんだろう…と思っていたら、なんのことはない。Javascriptで本文抽出して、それを動的にスタイルし直しているだけっぽい。ちなみに本文抽出のアルゴリズムは、ヒューリスティクスとでも言うのでしょうか。…

URL -> QRコード

Google Chart APIにQRコード作成機能が出来たと聞いて 今見ているサイトをQRコードに変換するbookmarkler javascript:window.location='http://chart.apis.google.com/chart?chs=150x150&cht=qr&chl=' + encodeURIComponent(location.href)選択している文字…

俺的ブラウザのベンチマーク

気になったのでやってみた。SunSpider http://webkit.org/perf/sunspider-0.9/sunspider.htmlUbuntu、Firefox2.0 -safe-mode ============================================ RESULTS (means and 95% confidence intervals) - Total: 27602.8ms +/- 0.3% - 3d…

YUI Compressorを使ってみた。

Yahoo!製JavaScriptコンプレッサ"YUI Compressor"登場、高い圧縮率と安全性prototype.js(1.5.1.1)が、95kb→57kb。変換後もAjaxの簡単な処理もちゃんと動きました。圧縮後の方が、キビキビ動く気がするのは気のせいでしょうか。

またBookmarlet

いや〜簡単に書けるからいいなぁ。 javascript:url=encodeURIComponent(document.URL);location.href="http://b.hatena.ne.jp/entrylist?url=" + url;

簡単にblockquoteで引用が出来るBookmarklet

こだわった引用をする bookmarkletは非常に便利だけれども、Javascriptだけで完結させたいので作った。以下のような結果とソースを吐き出す。 お願いですからdiv.box-contentをblockquoteに変えてください。お願いですから引用文はblockquote にしてください…

XMLではなく、JSONという選択。

他ドメインからのXML読み込みはセキュリティ上できないが、JSONなら出来ることに気付いた。JSON大好き! XML を JSON に変換するサービス - ベータ版を公開 :: drk7jp

Firebugを利用したオブジェクトの監視

Javascriptでゴリゴリ書いてあるサイトで、DOM要素の値がどのように遷移しているのか知りたいんだけど、console.debug()どこで書いたらいいんだよとか、ソースなんて読めないよーということを考えいたら、以下のようなことを思いついた。所詮、デバッガ(Fire…

onMouseOverでチェックボックスなどにチェックを入れる方法

livedoor Reader と GMail に見る、大量のチェックボックス処理 UI における革新的工夫について - delirious thoughtsまではいかないまでも、マウスをチェックボックスの上をスライドさせたらチェックを入れる方法。自分メモ <input name="answer" type="radio" value="1" onMouseOver="javascript:$(this).checked=true;" />のように onMouseOver="javascri…

フォームのenable、disable

prototype.jsには、Form.disable(form_id)という便利なものがあるのだが、引数から推察できるとおり、form_id単位でしかできない。そこで、ボタンやテキストフィールド単位でdisableたいときは、 $(id).disabled = true; とすると出来る。さらに、 <input name="hoge" type="submit" value="hoge" disabled="true" /> とすると…