クロスブラウザでのJavaScriptキーボードイベントの扱い方:phpspot開発日誌
JavaScriptでのキーボードイベントの処理はブラウザによって違っていて、クロスブラウザで動作させるためには、それぞれのブラウザに合ったコードを実行し分ける必要があります。 JavaScriptでキーボードイベントを取得し、どのキーコードが押されたかを判別するサンプルを以下に示します。CtrlキーやShiftキーが押されたかどうかなどのチェック方法も併せて示しています。 このサンプルを活用することで、Webアプリケーションにショートカット機能をつけ、より使い勝手のよいWebアプリケーションを作成する手助けになるはずです。 以下、サンプル。 <html> <title>クロスブラウザでキーボードイベントを処理する方法</title> <!-- js コード --> <script type="text/javascript"> document.onkeydown = function(
滑らかに開閉するメニューのサンプル
以前、個人的に作っていたサイトで、なんかメニューの見せ方を工夫できないかなと思って、「prototype.js」 と 「effects.js」 を利用してやって... 以前、個人的に作っていたサイトで、なんかメニューの見せ方を工夫できないかなと思って、「prototype.js」 と 「effects.js」 を利用してやってみたのが今回紹介するメニューのサンプル。 マウスオン / オフすると、隠れているサブメニューが滑らかに閉じたり開いたりします。クリックで開いたり、折りたたまれたりするメニューはよくありますが、それに無駄なエフェクトを施した版といったところ。 実際に動作しているサンプルはこちら。マウスオン / オフで滑らかに開閉しちゃいます。 さて、今回の材料は、 JavaScript ファイル 3種 本メニューの HTML ソース 本メニュー用 CSS の追加 JavaScript
JSMock - A Mock Object library for JavaScript
About JSMock is a fully featured Mock Object library for JavaScript that provides the necessary tools to do effective interactive based testing. JSMock provides expectation recording and matching, and has the ability to return, throw, and stub on object method calls. The interface is simple and easy to use, which makes testing easy. Compatibility JSMock has been tested with: Internet Explorer 6.0
JavaScript Reference - MDN
このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。 @���View in English 0�6�Always switch to English JavaScript リファレンスは、 JavaScript 言語に関する事実の保管庫として機能します。言語全体がここで詳細に記述されています。 JavaScript のコードを書いていると、これらのページをよく参照することになります（だから「JavaScript リファレンス」という題名なのです）。 JavaScript 言語は、ブラウザーやサーバーサイドのスクリプトなど、何か大きな環境の中で使用されることを想定しています。ほとんどの場合、このリファレンスは環境に依存しないようにしており、ウェブブラウザー環境のみを対象としている訳ではありません。
Bernie's Better Animation Class
UPDATE! Development progress for Animator.js: 14-Nov-2006: Removed the dependency on prototype.js 16-Nov-2006: Added more transitions - check out the new bouncy and elastic transitions 9-Dec-2006: Allow people to specify CSS class names in CSSStyleSubject. 18 March 2007: improvements to AnimatorChain: seekTo() method (thanks Tim Stone) and resetOnPlay option (thanks Kaspar Fischer); 19 March 2007:
video blog ãã¼ã ãã¼ã¸ å¶ä½ it at pj-blog.net
Video Blogãã¼ã ãã¼ã¸ å¶ä½It æ±äººãã¼ã Pcã¦ã§ã ãã¶ã¤ã³ãã½ã³ã³ 販売ãã¼ã ãã½ã³ã³ãã½ã³ã³è³æ ¼ Itãã¼ã ãã¼ã¸ 製ä½ãã½ã³ã³ é販 ãã¹ãã£ã³ã° ãµã¼ãã¹Pc ã»ãã¥ãªãã£It ã¹ã¯ã¼ã«ãã¡ã¤ã³ãã¼ã ãã¼ã¸ å¶ä½ ä¼ç¤¾Web ãã¶ã¤ã³
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
Safari と gzip 圧縮 JavaScript - odz buffer
ref:prototype.jsを10KBにする方法の続き（.htaccessをスマートに使う） : 亜細亜ノ蛾 - Weblog 検証の結果、やっぱり Safari は「.js.gz な JavaScript ファイル」は処理できないみたいです。 うげぇ、と思って確認用ページ見てみたらファイル名が prototype-1.4.0.gz で Content-Type が text/plain だし。IE みたいに無駄に拡張子を見てたり Content-type で判断している可能性もなきにしもあらずなので、(ブラウザから見える)拡張子を js に、 Content-type を application/x-javascript にしてみたほうがいいと思うなぁ。マカーで Apache の設定が分かって JavaScript が分かる某先輩あたりに確認してみてもらいたいところ。 追記 「確認し
Sharpan - お手軽Webホワイトボード
Sharpan is a whiteboard easy to share with everyone via Internet. How to create a whiteboard? → Just click . How to draw on the whiteboard? → Just drag it with your mouse. How to share the whiteboard with my friends? → Just tell them the whiteboard's URL. Try sample board right now. Note: This service is beta. It may stop without announcements. This service is checked with Firefox 2, Int
prototype.jsを10KBにする方法
2006-11-20T14:20:42+09:00 追記 「何者か」に攻撃を受けて、このページの内容が差し変わっていました。あわててバックアップファイルから復旧しました（「何者か」 = 酒……）。 prototype.jsを10KBにする方法の続き（.htaccessをスマートに使う） : 亜細亜ノ蛾 に続きを書きました。合わせてどうぞ。 JavaScript ファイルを圧縮する 正真正銘、Prototype（“prototype-1.4.0.js”）を10キロバイト（10,453 bytes）に圧縮して、しかも（当たり前ながら）動作するようにする方法です。 ──と聞いて真っ先に思い浮かぶのが「各種JavaScriptファイル圧縮サービス」、という人も多いでしょう。 しかし、自分が試してみたところ、例えば/packer/で圧縮したJavaScriptファイルは上手く動作しませんでした（他は
Bridge Word
This shop will be powered by Are you the store owner? Log in here
英単語をダブルクリックで英英辞典を検索するBookmarkletとユーザースタイルシート : しげふみメモ
2006年11月12日22:42 カテゴリ英語Mozilla 英単語をダブルクリックで英英辞典を検索するBookmarkletとユーザースタイルシート IT戦記 - 英単語をダブルクリックで英英辞典を検索する Bookmarklet と Greasemonkey という記事のブックマークレットを試してみました。 このブックマークレットを実行し、そのページ内の英単語をダブルクリックすると自動で英英辞典を検索してくれます。 英単語を調べるのに英英辞典を使うのは、英語の上達にはいいらしいですね。 これはダブルクリックするだけというのが便利で、これから使っていこうと思いますが、自分向けに少しブックマークレットを変更しました。 また、検索結果のCambridge Dictionaries Online のページにユーザースタイルシートを当てて、余分なものを表示しないようにしてみました。 検索結果は別
Run / Universal JavaScript Animation Framework / Start
Run is the easy and basic way to animate web content! You're right, this is YAAF - yet another animation framework. But some facts make it standing out from other frameworks: Easy and intelligent CSS support. Event listeners. Easy syntax. Well-documented. Compatible to all current browsers: Firefox 1+, Opera 8+, Internet Explorer 5.5+, Safari 2+, Konqueror Let's start the discussion about Run on
Central Authentication Service - JA-SIG Wiki
{"serverDuration": 13, "requestCorrelationId": "3adb2a961d34412cb332a64528befd4f"}
独自デザインのSelectボックスを作成するJavaScriptライブラリ「Custom SelectBox」:phpspot開発日誌
独自デザインのSelectボックスを作成するJavaScriptライブラリ「Custom SelectBox」 2006年11月16日- Custom SelectBox (WebFX) This sample creates a selectbox that works almost identically to the 独自デザインのSelectボックスを作成するJavaScriptライブラリ「Custom SelectBox」。 <option> の中身にHTMLタグを指定することが出来るようです。 次のようなコードでこれが実現できます。 <html> <head> <link type="text/css" rel="STYLESHEET" href="classic.css"> <script type="text/javascript" src="fade.js"></scri
<input type="hidden" /> の値を見やすく表示するデバッグ用の JavaScript ライブラリ
<input type="hidden" /> の値を見やすく表示するデバッグ用の JavaScript ライブラリ 2006-11-14-4: [JavaScript] フォームの <input type="hidden" /> の値をテーブルで見やすく表示するライブラリ HiddenView というのを作ってみました． いちいちソースを確認して，値が入っているか確認するのが面倒な人用．他の JavaScript ライブラリは必要としません． - 使い方 HiddenView.js を読み込んで，onload イベントで new HiddenView(); をしてください．これだけ． <script type="text/javascript" src="HiddenView.js"></script> <script type="text/javascript"> window.onl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://star.recompile.net/
Google Code Archive - Long-term storage for Google Code Project Hosting.
Jack Slocum's Blog ≫ Resizable Reloaded - A reusable component for resizing elements
DRMで制御されている音楽をMP3にするDRM Dumpster MOONGIFT
