JavaScriptバグ＆回避法リスト : 4. イベント(キー入力)編
「NS,NN=Netscape Navigator」「IE=Internet Explorer」の略です。 リンクやフォームの各オブジェクトに対し HTMLで「accesskey="キー名"」を指定することにより ショートカットキーを設定できます。 しかしながら この動作はブラウザ毎に異なります。 例えばリンクの場合、 IE4,NS6,7では該当ページへ移動、IE5,5.5,6.0ではフォーカスのみ設定されます。 一方でフォームのsubmitボタンやresetボタン等では クリックが実行されます。 その結果accesskeyの利用ではブラウザ間、オブジェクト間で動作を揃えられず ユーザが混乱します。 実験＆アクセスキーの動作確認状況 この他に「accesskey」による指定では以下の点に注意する必要があります。
ウノウラボ Unoh Labs: JavaScriptでクリップボードを使う(IE/Firefox)
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
最速インターフェース研究会 :: ライブドアのテクノロジーセミナーでしゃべってきました
昨晩はライブドアで開催されたテクノロジーセミナーで「Technologies for UI」という題でプレゼンをやりました。 発表資料はpdfかhtmlで公開する予定ですが、とりあえずテキストだけ先にアップしておきます。 http://ma.la/files/livedoor/seminar2006/seminar.txt プレゼンツールがFirefox専用だったりするので、これも少し手直しして公開予定です。 こういう機会があるたびにプレゼンツールを作ってるような気がします。 ---- 追記:12/15 ライブドアのtechblogの方に発表資料をアップしました。 http://blog.livedoor.jp/techblog/paper/ldtech2006/ 上下カーソルキーでページをめくれます。
prototype.jsでクロスブラウザなWYSIWIGエディタ - AUSGANG SOFT
これは何？ prototype.jsベースで、IE、Firefox、Opera、SafariをサポートするWYSIWYGエディタライブラリです。 車輪の再発明もいいところなのですが、なるべくシンプルなWYSIWYGエディタライブラリが欲しくて作りました。 どんなもの？ ↓使ってみてください。RSSリーダーで購読されてる方は、こちらからご覧ください。 "コードを整える"のチェックをはずすとブラウザ本来のHTMLを出力します。 文字サイズの変更は、Firefoxのみ動作します。 基本コード サンプルはこちらからダウンロードできます。 まだ荒削りなので、実際に使えるかわかりませんけれど。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="crossedit
GreasemonkeyでEmacsチックなテキストエディタ - gotin blog
Greasemonkeyでテキストエディタに影響され、 同じようなものを作ってみてしまいました。 Emacsチックにして、JavaScriptでコンフィグしたり何やりできたらいいかな〜と思い、 それを実現したつもりです。 こちら↓です。 g_editor.user.js [特徴] ・Greasemonkey名前空間内に仮想ファイルシステムを構築し、それを利用 ・JavaScriptで設定やら何やらする ・その延長で、Greasemonkeyっぽいこともできる ・その延長で、HTTPアクセスしてHTMLとかをテキスト編集エリアに出力 [使い方など] Greasemonkeyの名前空間（？）に仮想的なファイルシステム（っていうのかな？）を作ります。 ファイルパスセパレータは"/"で、ルートは"/"です。 インストール後、最初の実行状態では"/"しかありません。 が、最初の初期化処理で/init
[ajax] AjaxCom／静的HTMLページに1行コメントを書き込める掲示板
Kawa.netxp [ajax] AjaxCom／静的HTMLページに1行コメントを書き込める掲示板 AjaxCom は、静的HTMLページに1行コメントを書き込める掲示板機能を追加できます。 このページも単なるHTMLファイルですが、 【コメントはこちらへ】のエリアにメッセージを書き込めます。 サーバ側の CGI を起動するのはコメント書き込み時のみで、毎回のコメント表示時は CGI 不要のため、サーバ負荷も軽いです。 新着コメントは、 RSS形式 および JSON形式 でも 参照できます。 この RSS ファイル・JSON ファイルは、 ajaxcom.cgi?__mode=rss にアクセスすると、強制更新できます。 コメントの送信・表示には ajax（responseText）を利用しています。 お試し投稿・練習・フリートーク用のページを作成しました。 ⇒こちらへ ダウンロードは
mixCipher - mixi Diary Cryptographer - Lab MagicVox.net
mixCipher は mixi の日記本文やコメントを暗号化することで，心無いユーザによる情報漏えいを防ぐためのソリューション(?)です。 "みっくすさいふぁー"と読みます。投稿者が設定したパスワードを正しく入力しない限り元の文章を読むことはできません。しかし貴方が信頼してパスワードを教えた人が，実は情報漏えいの黒幕であった場合にはどうしようもありません。マイミクは大切にしましょう。 どうやって読むの？ mixi 日記を読んでいて -----BEGIN BLOWFISH DATA BLOCK----- DWVKdwrD2vbTQiDeeHN5ZoKGi9YOUZdiMClHGHXj Wub+YxpRqvobqw== -----END BLOWFISH DATA BLOCK----- のような日記本文やコメントを見かけたら，すかさず次の Bookmarklet(ブックマークレット) を実行
CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』:phpspot開発日誌
CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』 2006年10月01日- Transcorners ? Cornerus Pride is there *scared* Well, Nifty technogy is used. There are small stripes appending inside of an element which create an illusion of transcorn. CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』。 mootoolsをフレームワークとして使用しています。 次のように、左下の大きな角丸や、右上の一部切り取ったような角も簡単に実現できます。 大きな角丸を作るには、radiusというプロパティを大きく指定することで実現できます。 この
JavaScript for CSS
それで、動的に変化させる「きっかけ」として、HTML 4.0では以下のような内在イベントが定義されています。 onload ウインドウあるいは全てのフレームの読み込みが完了した時に発生する。BODYかFRAMESET要素に設定することが出来る。 <BODY onload="function()"> <!-- 読み込みが完了したら呼び出す --> <BODY onload="setTimeout('function()',n)"> <!-- 読み込みが完了してからnミリ秒後に呼び出す --> onunload ウインドウあるいはフレーム内の文書を破棄する時に発生する。BODYかFRAMESET要素に設定することが出来る。 onclick 要素上でポインティングデバイスのボタンがクリックされた時に発生する。ほとんどの要素に設定することが出来る。 <SPAN id="c1">変化させたい要素<
暴満館 » JavaScriptでCSSを弄る際のメモ
このエントリは、JavaScriptによるCSSの操作として新たに書き直しました。 – 俺の探し方が悪いんだろうが、JavaScriptでCSSを弄るリファレンスが中々見当たらなかったので、メモも兼ねて書く。 結構適当に書いてる部分もあるので鵜呑みにしないように。あと、Operaは知らね。 スタイルシートのルールを弄る div内の全要素をgetElementsByTagNameで拾ってforで回してstyleに・・・ってなことをやるよりも、スタイルシート側から操作できるようになれば楽になる。 function addRule( selector, property ) { if( document.styleSheets[0].addRule ) //IE document.styleSheets[0].addRule( selector, "{" + property + "}" );
高速＆シンプルなJavascriptテンプレートシステム『RND』:phpspot開発日誌
amix.dk : RND - fast and simple JS template system As web applications get more dynamic and complex, it's crucial to know what's the fastest way to render content. I have done some research and I am gladly sharing it with you. 高速＆シンプルなJavascriptテンプレートシステム『RND』の紹介。 Ajaxなどを駆使して動的にWebアプリケーションのHTMLを書き換える手法は、最近のWebアプリのトレンドとなっています。 動的にWebアプリケーションのHTMLを書き換える方法としては次があります。 これらの方法のそれぞれのベンチマークを取ると、 document.
JsonT - Transforming Json
[edit] [comment] [remove] |2006-01-30| e1 # Transforming JSON JSON is a lightweight text format for data interchange. It is often better suited for structured data than XML. A frequently requested task with JSON data is its transformation to other formats, especially to XML or HTML for further processing. The most obvious way to achive this, is to use a programming language (ECMAscript, Ruby,…) an
Latest topics JavaScript 1.7のyield文ってなんじゃらほ - outsider reflex
Latest topics > JavaScript 1.7のyield文ってなんじゃらほ 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « mod_estraierでの履歴全文検索（ミラー） Main 年金の追納 » JavaScript 1.7のyield文ってなんじゃらほ - Aug 07, 2006 JavaScript 1.7 の yield が凄すぎる件についてを見てもyieldってそもそも何なのかちいとも分かっとらんかったのでそこから調べてみた。 yieldはreturnの仲間？ そもそもこのyield文というのは、JavaScriptと同じくスクリプト言語のPythonから持ち込まれた仕組みらしい。ジェネレータとは何ぞやで読める例を
Alastair Tse - liquidx
A design-conscious software-engineer who used to code for food and shelter, but now builds teams of smarter people who build amazing things. I care about #graphics, #design, #craft, #architecture, #typography, #photography, #dataviz, #ux, #japan and #mobile. I am currently an Engineering Manager on Google Maps, focused on opinions, imagery, design, and iOS. Previously at Google, I was the Engineer
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
なぜなにGAC
SimpleJS
JSONを使ってAJAXベースのアプリケーションを高速化する：CodeZine
TechCrunch Japanese アーカイブ » どんなサイトにもエンベッドで簡単にコメント欄を作成できるコード
Dojo Toolkit
神戸市西区のトイレつまり修理【1,200円〜】水道局指定業者の水協