Enterprise Strategy Group: Go-to-market Expertise to Help You Win
Ajaxian » Prototype Event Extension: Event.wheel(e)
Enterprise Strategy Group: Go-to-market Expertise to Help You Win
Making Compact Forms More Accessible
A designer recently handed me a compact-form design that included the oft-seen technique of putting field names directly inside of the text fields themselves. The typical method of marking this up is to put the field name in the value attribute of each input element. You would then throw in some JavaScript and server-side scripting to make sure that the user didn’t submit the form with the default
blog.8-p.info: del.icio.us の IME まわりをましに
del.icio.us の "edit in place" な編集機能には、日本語入力の「確定」で IME にわたした enter を編集終了の enter と勘違いするという、いかにも ASCII 圏らしいバグがある。 わりと困るので delicious-ime.user.js というのを書いてみた。 del.icio.us の JavaScript は難読化されていないので普通に読める。ファイルは http://del.icio.us/ui/static/lib.js, http://del.icio.us/ui/static/delicious.js のふたつ。lib.js にある create という関数が DOM の要素生成に使われていて、要素の属性は niceExtend という関数で設定している。個人的には関数名に nice とか good とかつけるのは良くないと思う。 J
Table Sorting, Filtering, Etc from JavascriptToolbox.com
Tabular data in table form is common on web sites and web applications, and a common requirement is to manipulate the data tables on the client side, rather than going back to the server to sort, filter, page, etc. This library offers the key functionality that is typical - the most common of which is client-side table sorting. Some of the key features of this library are: Sorting is fast. Much fa
ブラウザ別JavaScript実行速度テスト（ベンチマーク）
ブラウザ／環境別に、どのくらい速度が違うのかを比較してみました。単位はミリ秒 (msec) になっています。いくらか誤差がありますので、あくまでも参考程度にしてください。WinXPはIE6とIE7を入れた別々のハードディスクを装着して計測しています。 以下の表の文字のリンクをクリックすると、スクリプトが実行されます。 JavaScript / Ajaxプログラムを作成する際の参考にしてみてください。 Firefox 2 vs 3.0RC1のベンチマークも用意しました。 MacOS X (Tiger) vs Windows (XP SP2) のベンチマークも用意しました。 最終更新日 : 2008/5/19 openspc@po.shiojiri.ne.jp ■機種スペック Windows XP, Celeron 2.8GHz, RAM : 512MB MacOS X Tiger, Powe
Bridge Word
This shop will be powered by Are you the store owner? Log in here
x-heightが何pxかを調べる方法 - WebStudio
もずはっく日記(2006年12月) 2006年12月4日 x-heightが何pxかを調べる方法 初回投稿日時: 2006年12月04日13時49分57秒 最終更新日時: 2006年12月04日14時11分39秒 カテゴリ: CSS Javascript SNS: Tweet (list) 昨日IRCで聞かれたネタ。Javascriptを使えば算出は可能。 不可視の要素を二つ作り、一つを親、一つを子とする。 親要素のスタイルを以下のように設定する display: none; font-family: 調査したいフォント名; font-size: 32px; /* 大きいほど精度が高く、UAの最小フォント設定に邪魔されない */ 子要素のスタイルを以下のように設定する font-family: inherit; /* 不要? */ font-size: 1ex; 子要素をJavascr
最速インターフェース研究会 :: ページレンダリングを妨げないdocument.writeの実装
とてもシンプルに自分自身が属する script 要素を取得 http://d.hatena.ne.jp/amachang/20061201/1164986067 document.writeをDOM仕様にする http://nyarla.net/blog/javascript-tips1 あたりに着想を受けて、作ってみました。 http://la.ma.la/misc/js/lazy_writer/ 特定のscript src内のdocument.writeをピンポイントに置き換えることができます。 制限事項としては、document.writeを使ってscriptタグを生成するようなコードの場合、IEではinnerHTMLにscriptを書いても実行されないという仕様があるので実行されません。その点を除けば、IFRAMEをdocument.writeで挿入するような、良くある広告系のdo
nak2kのメモ帳 - Win版インタラクティブJavaScript
「SpiderMonkey で JavaScript のインタラクティブシェル - bkブログ」のWin版です。 以下の内容で「ijs.js」というファイルを作成。 function print(s) { WScript.StdOut.Write(s); } (function () { for(;;) { print("js> "); var l = WScript.StdIn.ReadLine(); if (l == "!") { var a = []; while((l = WScript.StdIn.ReadLine()) != "!") { a.push(l); } l = a.join("\n"); } try { var v = eval(l); print(v); print("\n"); } catch(e) { print("Exception: "); print((
環境変数PATHEXTを使ったJavaScriptの実行 - nak2kのブログ
トラックバックを頂いたのでお礼代わりのTipsエントリー。 cscriptコマンドを使えば、Windowsでもコマンドラインでjsファイルを実行できるんだね。 WindowsでもJavaScriptをファイルから実行 - バリケンのJavaScript日記 - g:javascript 環境変数PATHEXTに拡張子を追加設定すると、例えばhello.jsであればhelloと入力するだけでスクリプト実行できて便利ですよ。 ただ、デフォルトでは拡張子.jsはWScript.exeに関連付けられているので、CScript.exeで動かしたい場合は新しい拡張子.jscとでも追加して、それをCScript.exeと関連付けてから上記の環境変数設定まで行うといいです。 他には拡張子.urlや.lnkなんかも追加しておいて、よく使うアプリケーションへのショートカットやブックマークをパスの通ったディレク
Prototype Window Class : Documentation
initialize(id, options) Windowクラスをnewするときのコンストラクタです。 (new Window(id, options)) id Windowに与えるDOM idです。ユニークでなければなりません。 options Windowインスタンスに与える連想配列です。以下にその一覧を記します: キー 初期値 説明
Highslide JS - JavaScript thumbnail viewer
What is Highslide JS? Highslide JS is an image, media and gallery viewer written in JavaScript. These are some of its advantages: Tip! Use the visual Highslide Editor to set up your Highslide installation without writing code. Quick and elegant looking. No plugins like Flash or Java required. Popup blockers are no problem. The content opens within the active browser window. Single click. After ope
IE 7 を判別する JavaScript コード: Days on the Moon
Abe Fettig’s Weblog » Detecting IE7+ in Javascript (日本語紹介記事) にて style.maxHeight プロパティを用いた IE 6 と 7 の判別方法が紹介されている。ただ、この方法だと IE とそれ以外を判別するためにもう一手間かけなくてはいけないので、IE 7 以上だけを判別できるようにしたのが以下。 if (typeof document.documentElement.style.msInterpolationMode != "undefined") { // IE 7 or newer } else { // IE 6 or older, Gecko, Opera, etc. } IE 7 から実装された独自 CSS プロパティ、-ms-interpolation-mode を利用。画像を拡大するときの補完方法を指定するも
Ajaxアプリのビジュアル開発ツール，デファクトを狙いNTTデータがオープンソースとして公開へ：ITpro
NTTデータは，Ajaxアプリケーションをビジュアルに作成できる開発ツール「マスカット」を，2006年9月中にオープンソース・ソフトウエアとして無償公開する。ボタンやタブ，ツリーなどの画面オブジェクトをマウスで配置してアプリケーションを開発できる。NTTデータによれば，JavaScriptを書くことなくアプリケーションを開発でき，工数が約60％削減されるという。オープンソース・ソフトウエアとして無償公開することでデファクト・スタンダードの地位を狙う。 マスカットによる開発の手順は以下のようになる。まず用件定義担当者がWebブラウザ上の「マスカットWebブラウザ版IDE」で，Web画面をマウス操作でデザインすると，画面定義XMLが生成される。これを開発担当者が「マスカット Eclipse版IDE」にインポートして，画面オブジェクトと既存の業務ロジック・オブジェクトを対応付ける設定などを行い，
Ajax IME ブックマークレット
Ajax IME ブックマークレットを作ってみました．右クリックしてブックマークに登録してみてください． Ajax IME ブックマークにアクセスするだけで現在表示しているページにある textarea と inputbox が Ajax IME 経由で入力可能になるはずです．成功すれば2秒ほどで textarea の色が変わって Ajax IME 入力状態になります．Alt-O で元に戻ります． たいていはうまくいくようですが，まだまだ完璧ではなくて CSS がらみから入力のカーソル位置が激しくずれたり，javascript のイベントがフックできなくて変化なしといったことが頻発します．気長に修正していくつもりですが，みなさんのフィードバックお待ちしております． Mixi の日記投稿や Movable Type の投稿も若干癖がありますが問題なかったです．海外からの日記更新がかなり楽にな
最速インターフェース研究会 :: SafariのAjaxの文字化けをクライアント側だけで対応するバッドノウハウ
SafariでXMLHttpRequestのresponseTextが文字化けするという話。 http://blog.33rpm.jp/garbled-on-safari.html 最近のバージョンだとcontent-typeがちゃんとしてれば化けなかったような記憶があるけど、まあともかくとして、Safariで文字化けするのはJavaScript側だけで対処することができたりする。 http://kawa.at.webry.info/200511/article_9.html これ読んでほんとかよ、って感じだったんだけど案外役に立った。livedoor Readerで使われてたり。 実際に使われてるコードはこんなの。 if(browser.isKHTML){ ajax.filter.add(function(t){ var esc = escape(t); return(esc.index
window.onloadの代替スクリプト
Updated Entry: http://p2b.jp/200805-events-order 今日は七夕Wですね。小学生の頃は、学校総出で「♪笹の葉さーらさら〜」ってやって、七夕伝説に思いを馳せたものですが。いつになってもガキの頃の心を忘れない大人でいたいものです。 さて、Ajaxの隆盛によって、その根幹であるJavaScriptはブログに欠かせないものとなっています。ppBlogも例外ではなく、至るところで活躍してます。一般にブログの(トップ)ページは、色々な情報を詰め込んでいるために、ファイルサイズは大きくなる傾向にあり、また、画像も至るところで使われるために、読み込むべきコンテンツサイズは更に大きくなります。ブロードバンドが当たり前の今日でもページの表示にちょっと待たされるのは珍しいことではありません。で、JavaScriptは(画像も含めた)ページの内容物が全部読み込まれた後に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
javascript-examples.com
Snap Inc.
新規