文字の拡大/縮小倍率を求める - FAX
JavaScriptブラウザの文字サイズの変更の度合いを調べる。文字サイズを大きくしていると、1.7などの数値が返る。 function getFontMagnification(){ var elmSample = document.createElement('span'); elmSample.style.fontSize='100px'; return MochiKit.Style.computedStyle(elmSample, 'font-size').match(/^\d+/)[0]/100; } marginやheightなどの他のプロパティとは違い、font-sizeはユーザーが変更する可能性が高いため、スタイルのプロパティの取得が難しい。あるエレメントに設定されているフォントサイズを知るために、getComputedStyle/currentStyleのフォントサイズを
getElementsBySelector()
Inspired by Andy, I decided to have a crack at something I’ve been thinking about trying for a long time. document.getElementsBySelector is a javascript function which takes a standard CSS style selector and returns an array of elements objects from the document that match that selector. For example: document.getElementsBySelector('div#main p a.external') This will return an array containing all o
雅 - Pure Javascript MVC Framework
完全にJavascriptで書かれている location.hash(#以降の文字)で状態を変更するためURIが変わる モジュールとアクションの組み合わせで処理が決まる。 複数のモジュールが定義でき、 1つのモジュールに複数のアクションを定義することができます。
最速インターフェース研究会 :: GoogleAutoPagerというのを作りました
息抜きにGreasemonkeyスクリプトを作ってみました。逐次ロードを使った、もっと読むインターフェースの試作です。Trixieでも動きます。 リンクを右クリックしてInstall User Script http://la.ma.la/misc/userjs/GoogleAutoPager.user.js 動いてる様子(Flash) http://la.ma.la/misc/demo/googleautopager.htm 動かせない人も多いと思うので、どんな感じなのかわかるようにスクリーンキャプチャも作りました。あんまり作りこんでないですがとりあえず公開。GPLライセンスにします。 任意の位置をダブルクリックで有効/無効が切り替わります。スクロール位置を定期的に検知し、下のほうまでスクロールしたら次のページを自動でロード、現在表示中の検索結果に継ぎ足していきます。 電子辞書でよく見か
最速インターフェース研究会: Amazon最速検索を作ってみた
デモここから。 http://la.ma.la/misc/aws/demo.html 説明書はこれ。 http://la.ma.la/misc/aws/ -IE6、Firefox、Opera8で動作確認しています -Safariではスクリプトの動的ロードが出来ない関係で、動きません。 -IFRAME内にパラメタ渡したCGIでscriptタグ生成とかやれば出来ないことも無さそうだが面倒なのでパス。 このエントリで書いた http://la.ma.la/blog/diary_200504140039.htm ＞検索エンジンがJavaScriptで検索結果を出力するインターフェースを備えていれば、CGIが使えないサーバーでも、クライアント側の制御だけで動的に検索結果を読み込むことができるようになります。 この理論を実際に実践してみた、といったところです。 Ajaxというよりむしろ、ブラウザベース
AjaxとFlashの融合コンポーネント、Macromediaより提供開始。
Flash / JavaScript Integration Kit (Beta) 昨日コンポーネント指向Ajaxとかのたまってたら、タイムリーにMacromediaから、Flash/JavaScript相互通信フレームワークとライブラリが発表されました。 驚くべきことに、これを使用すると、オブジェクトの型を保ったままJSとFlashでデータ通信ができるそうです。対応ブラウザも、モダンブラウザ全てサポート。 というわけで、次なる焦点は「FlashからJavaScriptを制御するか、JavaScriptがFlashを制御下に置くのか？」になりそう。ＤＯＭ操作とブラウザ互換依存部分以外はflashにコードを隠蔽してしまってもいい気がする。そのほうが動作安定しそうだし。しかし、三ヶ月ぐらいhidden進行でリサーチしてた分野が無駄になったよコンチクショー。 投稿者 Taka : 2005年06
mir.aculo.us JavaScript with Thomas Fuchs » Blog Archive » JavaScript drag-and-drop for Prototype, early alpha playground
June 3rd, 2005 I’ve put up a working demo and JavaScript code for drag-and-drop with nice usage of the Effects2 package. To make an element draggable, just use: new Draggable('id_of_element'); To mark it as a drop target: Droppables.add('id_of_element'); Of course it’s early alpha and lacks refactoring and a polished API, but it works. Tested in Safari in Firefox. UPDATE: I’ve updated the demo pag
fladdict.net blog: イベント・ドリブンなJavaScriptのやり方
Flashでに学ぶ非同期通信のノウハウのって感じのお話。JavaScriptでオブザーバパターンを用いて、イベントドリブンなコード（addEventListener等）をバリバリ書く方法です。 というかFlashで言うところの、mx.events.EventDispatcherクラスの自分なりの移植なわけですけど。 このEventDispatcherクラスを使うと、W3CのDOM3にそれなりに対応した、イベントモデルを自作のJavaScriptのオブジェクトに実装できます。これで素晴らしきイベントドリブンの世界が楽しめます。 function EventDispatcher(){} /** EventDispatcher.initialize( obj ) オブジェクトobjに、W3C DOM3互換のイベント通知機能を追加します。 これによりobjは、onLoad等のイベントを発行すること
fladdict.net blog: fladdictパッケージ製作日記（１）
ちょっと作業日記とかつけてみる。 コンセプトとしてはちょっと書き換えるだけで、JavaScriptのパッケージとして使用できるようにすること。 とりあえず、昨日一日ガリガリとインフラ整備してみた。 net.fladdict.core.FladdictBase net.fladdict.core.FladdictMCBase パッケージの基底クラス。目下機能は以下の３つ、今後拡張予定。 ・EventDispatcherを適用する。 ・addEventListeners(イベント名配列、リスナ) ・removeEventListeners(イベント名配列、リスナ) 備考：配列指定より、addAllEventListenersとか会ったほうがいいのかな。ただしこの場合、サブクラスは自身のイベントを全て登録した配列が必要になる。オーバーライドのこと考えると面倒かな。 net.fladdict.ev
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSAN
http://dev.rakusui.jp/diary/?date=20050622
2005-06-17
こども(てれび)
Loading...
Ajaxian: HTML 5 vs. XHTML 2
日本アニメ（ーター）見本市 イブセキヨルニ
http://www.jcay.com/javascript-code-improver.html
http://developer.ebusiness-apps.com/technologies/webdevelopment/codeandcomponents/ebawebcombov3/media/demos.htm
filenice.com
Downloads
