Jan! » JavaScript » sprintf() and printf() in JavaScript
WARNING! This code from 2003-ish is hideously outdated and should be avoided at all costs. Also, it looks like it was formatted by a turnip on drugs. One of the most useful functions of any programming language is formatting strings. This function seemed to be lacking a bit in JavaScript, so I wrote an early implementation. I follow the same format as PHP's sprintf() function. If you want printf()
jQueryから学んだ名前空間を節約する方法 - 考え得る最高を常に行う
実装側では非常に苦労しますが、使い勝手は抜群。わざわざnew演算子を使ってインスタンス生成をしなくても関数の戻り値としてオブジェクトを使うテクニックです。 例を使って説明します。以下はDOMの操作で要素を削除する方法です。 普通の方法 var elem = document.getElementById('navi'); elem.parentNode.removeChild(elem); DOMのAPIでは直接要素を削除できません。いったんparentNodeをたどり、removeChildでDOMツリーから削除します。 普通のクラス化 var Elem = function(id){ this.elem=document.getElementById(id); }; Elem.prototype.remove = function(){ this.elem.parentNode.rem
最速インターフェース研究会 :: 日本語テキストをテーブルで表示するJavaScriptの高速化
いやなブログ: 日本語テキストをテーブルで表示する http://namazu.org/~satoru/blog/archives/000039.html を高速化してみた。 http://la.ma.la/misc/js/tablefont.html オリジナルは多分、あえてDOMでテーブルを作っていると思うのだけれど、innerHTMLを使って書き直してみた。IEで6倍ぐらい、Firefoxで4倍、Operaで3倍速い。 ちなみに手元の環境では Opera8 : 30ミリ秒 Firefox : 100ミリ秒 IE : 360ミリ秒 ぐらいになった。 Operaは7までJavaScriptやDOM周りの操作が遅い遅いと言われていたのだけれど、Opera8になって何だか妙なチューニングが施されている。 今はOperaは何かと癖があって扱いづらいのだけど、ブラウザベースのリッチクライアントが
最速インターフェース研究会 :: prototype.jsのObject汚染を回避する方法
かなりターゲットの狭いTips。役に立たない。 prototype.jsというRuby on Railsなんかのフレームワークで使われている有名なJavaScriptのライブラリがあって、これが色々と使えそうな処理を綺麗に詰め込んであり、デファクトスタンダート的な地位を確立しているのだけれど、ちょっと微妙だなーと思うところがあって、それはObject.prototypeを拡張してしまう点。 実際の弊害はこういう。 http://d.hatena.ne.jp/nazoking/20050425/1114374966 要は連想配列として使うときに困るって話。 多分prototype.jsはJavaScriptの側でロジックを組むことをあまり想定していないため、この辺の問題にあんまり配慮していないのではないかと思うのだけれど、とりあえず無理やり回避する方法を思いついたので書いてみる。 http:
id:amachanさんのプレゼンツールが凄い&functionの書き方 - jiroの日記
id:amachangさんのプレゼンツールが凄い。こういうのが欲しかったんです。 で、本題はそこではなく、そのソースコード。できればid:amachangさんに答えてもらえないかと。。。 functionの書き方は2種類じゃない？ 今まで知らなかったんですけど、javascriptでfunctionの定義の仕方は次の2つしかないと思っていました。 var hoge = function() { alert(arguments.callee); }; // または function hoge() { alert(arguments.callee); } 上の方は匿名functionで名前がついていない関数なので、実行すると hoge(); // function() { // alert(arguments.callee); // } と表示されます。 もう一方を実行すると hoge();
innerHTML - FAX
innerHTML JavaScript Firefox。 こういう不揃いなHTML。 <img src=image.jpg /> <img src=image.jpg > <img src='image.jpg' /> <img src="image.jpg"/> innerHTMLで見ると、ちゃんとこれに揃ってる。 <img src="image.jpg"> スクレイピングする時に気を使わなくていい。 追記 nanto_viさんにコメント頂きました。 いつもありがとうございます。 確かにContent-Typeがapplication/xhtml+xmlだと、以下になりますね...。 最後が「/>」になって、ネームスペースも表示される。 <img xmlns="http://www.w3.org/1999/xhtml" src="image.jpg"/> 詳しく調べてないのですが、ネー
livedoor ReaderでのOPMLインポート後画面の“チェックボックス操作”を再現するJavaScriptサンプル - F.Ko-Jiの「一秒後は未来」
Top/プログラミング/Javascript/livedoor ReaderでのOPMLインポート後画面の“チェックボックス操作”を再現するJavaScriptサンプル 昨日書いた「チェックボックスをマウスでなめるようにドラッグするだけで切り替えるJavaScriptのサンプル」に対して「livedoor Readerのとは少し違う」というツッコミがありましたので、再度サンプルを作り直してみました。 修正点は以下の通り。 チェックボックスを囲むリストエレメントでも操作は有効 リストエレメントもしくはチェックボックス上でmousedownしたらチェック状態を切り替える マウスをドラッグすると、他のチェックボックスは最初に切り替わったチェックボックスの状態へのみ切り替わる (JavaScriptが無効なRSSリーダーから見ている場合はページを訪問してください。) ソースコード /* サンプルの
最速インターフェース研究会 :: history.backが成功したかどうかを判別する
今も昔も大変よく使われている古典的JavaScriptの一つjavascript:history.back()なんですが、実際に戻る操作が成功したのかどうかを判別することができません。タブブラウザなんかを使っててミドルクリックで新規タブで開いてたりすると、history.backをクリックしても無反応で何も起こらない、なんてことよくありませんか？ そんなわけなのでhistory.backを実行後にページ移動が発生しているかどうかを監視して、戻るに失敗したときに特定の処理を発生させることができるような関数を作ってみました。 function try_back(errback){ var bs = false; Event.observe(window,"unload",function(){bs=true}); Event.observe(window,"beforeunload",func
はてなブログ | 無料ブログを作成しよう
顔に見える？最近「送水口」が気になるという話 「送水口」が気になる今日この頃 最近街中で気になる存在、それがこの「送水口」です。地上のフロアが7階以上あるビルなど、一定の条件を満たした建築物には設置が義務付けられているもので、火事が発生したフロアにただちに水を送るために使われるものです。ポンプ車…
digitrick | 一行で複数の外部JSファイルを読み込む
一風変わった（？）複数の外部JSファイルの読み込み方。 <script type="text/javascript" src="○○○.js?△△△.js,×××.js"> </script> 上記のように、一つ目のファイルの後に?で繋ぎ二つ目以降はカンマ区切りでsrc属性を書く。
Dynamically including YUI components with YAHOO_config | Christian Heilmann
One of my favourite tricks in scripting is to delay things until they are absolutely necessary to make sure that no user needs to deal with lot of code that doesn’t make sense to have at that point in time. This leads to faster pages and just makes sense. The most common trick for this is to add JavaScript library files using dynamically created script tags. I have already written about this in 20
実用 - ウィンドウの外で発生するmouseupイベントを取得する、Firefox
JavaScript save the assistants 上記のスライダー、ドラッグを開始して、ウィンドウ外でボタンを離し、再度ウィンドウに戻るとずっと押しっぱなしのおかしな状態になる。これは、たぶんマウスが離されたことを検知できていないため。 WebFXのスライダーは、ちゃんと動く。実装を読んでみた。 Slidebar (WebFX) Firefoxは、文字を選択するようにドラッグを開始すれば、ウィンドウ外でマウスのボタンを外した時にもmouseupが起こせるようだ。これを利用し、見えない文字を選択し、選択状態も見えなくして、スライダーが正常に動作するようにしていた。 簡単なサンプルは以下。スライダに限らず、ドラッグ全般に使えると思う。mouseup以外に、mousemoveなども取れた。 IEの場合は、onlosecaptureイベントを使っていた。WebFX++
argumentsをArrayに変換する - okuParadise
id:amachangさんのエントリに argumentsをArrayに変換する3つの方法が載っていたので 僕も一つ見つけてみました。 function test(){ var args = [].slice.apply(arguments); } とりあえず僕の環境がMac OSXなのでIEでは未確認ですが firefox・safari・operaで動く事を確認しました。 明日出社したらIEで試してみます。 document.getElemets〜の戻り値にも適用できるんじゃないかと思い、 var elements = [].slice.apply(document.getElementsByTagName('*')); とやってみたのですが、firefox・OperaではOKでsafariではelementsが空っぽになってしまいました。 alert(!!elements.concat
String、インスタンスの拡張、特異メソッド - FAX
JavaScript基本型の文字列にプロパティとかくっつけられない。 var str = 'ABC'; str.prop = 'PROP'; ok(typeof(s) == 'string'); ok(typeof(s.prop) == 'undefined'); Stringのインスタンスならできる。 var str = new String('ABC'); str.prop = 'PROP'; ok(typeof(s) == 'object'); ok(typeof(s.prop) == 'string'); 文字列にメタ情報をくっつけようと思って。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
DOMオブジェクトをダンプ（テキスト表示）する。（Firefox限定）｜JavaScriptプログラムメモ｜プログラムメモ
Get XPath [javascript] [xpath]