uupaa-selector.js version 1.2 をリリースしました。 - latest log
Ver 1.1との違い XMLDocument, HTMLDocumentを区別し動作する HTMLDocument(content-type: text/html) なら タグ名の大文字/小文字を無視して要素を検索するが、XMLDocument(content-type: application/xml or application/xhtml+xml or text/xml)なら区別する。 精度の向上 W3Cの公式テストのうち、テスト可能な約100項目のほぼ全てをパスするようになった。 テストできない項目は、擬似クラス系(:active, :hover, :focus), 動的擬似要素系(::after, ::before, ::selection, ::first-letter, ::fitst-line), @namespace系 と :not系 uupaa-selector.js
JavaScript++かも日記 - 1997年からの
Libraのハッカソンやってるという話は先日「HackLibra、最初のオンラインハッカソン」で書きました。 …
Understanding eval scope. Spoiler: It's unreliable!
Today, I ran some tests to help me understand the scope in which an eval runs. Turns out, like so many things in the browser world, it's very unpredictable and exhibit different behaviors in different browsers. Let's start with the following snippet of code. I've added comments to demarcate areas in the code, which I will be changing with each iteration. var foo = 123; var bar = { changeFoo: funct
JavaScript Tips 2 - mayokara memo
u2viewをそれなりにキー操作できるようにしてみた。 気づいたことをメモ。 ■ Opera9におけるoffsetTop スクロールバーつきだと、「画面上で見えている上端」からの距離になってしまう。 IE6/Firefox2では、スクロールバーの有無に関係なく、本来の上端からの距離になっている。 バグだろうか。offsetLeftでも同じことが起こってそうな予感。 var elem = document.getElementById("foo"); if (window.opera) oTop = elem.offsetTop + elem.scrollTop; // Opera else oTop = elem.offsetTop; // その他 ■ tabindex属性について 1,2,3,...,0（指定なし）の順で移動する。重複している場合は表示順でフォーカスが当たる。 0を指定し
Date.toString()の実装依存を調査 - latest log
Date.toString()が何を返すか調べてみました。 If-Modified-Since ヘッダの値に、toString()をそのまま渡せちゃったりしないかな? を調べるのが目的です。 3種類の日付フォーマット 8年ほど前に、Webサーバやらメールサーバを仕事で実装しまくっていたときにRFCを読みあさってたんですが、今一度調べてみました。 HTTP1.1のRFCによると、三種類の日付フォーマットを受けとめてくれます。 Sun, 06 Nov 1994 08:49:37 GMT ; RFC 822, updated by RFC 1123 Sunday, 06-Nov-94 08:49:37 GMT ; RFC 850, obsoleted by RFC 1036 Sun Nov 6 08:49:37 1994 ; ANSI C's asctime() format SMTPのRFCか
Javascript：DOMオブジェクトかECMAオブジェクトかを判定する。: Script雑感
長い間スクリプト使い続けてきて今更ながら覚え書きをしようと一念発起。 まー。節操もなく色々手を出しています。これからも。 JavaScript / PHP が主なところかな？ ドキュメントオブジェクトなのかスクリプトのオブジェクトなのか判定したい時って通常どうするのでしょう？ typeof() ではどちらも "object" なのですが、実際のところ別物ですよね。(※１） ということで、幾つか判定用関数を作成してみました。 ・ Element かどうかの判定 要は、div とか span とかいったタグ物かどうか？です。 ■ 最新はこちら(2009/05/02) Javascript:element の判定とそれに関わる諸事 ・ DOM Node かどうかの判定 attribute (id や value)、テキストは Element ではないんですが DOM Node を受け継ぐオブジェ
あきまた日記 [javascript] イベントの発火
ちょっとイベントハンドリングがややこしくなってくると、イベントハンドラを呼び出すのではなく、コントロールのイベントを発火したいときがある。Textフィールドのvalueに値を代入した時には、onchangeイベントが動いてくれるといいんだけど、動いてくれないので、自分で動かすしかなさそう。 そんなときに使うのがDOMインタフェースのdispatchEvent、IEならfireEventメソッドです。いちいち判定して使い分けるのは面倒なので、prototype.jsを使ってこんな風にEventを拡張してみました。 Object.extend(Event, { dispatchEvent: function(element, event, eventName) { var newEvent = new Object(); for(var prop in event) newEvent[prop
![あきまた日記 [javascript] イベントの発火](https://cdn-ak-scissors.b.st-hatena.com/image/square/e9c670347701dcbe3445c9f5ea7858ed8ba34f40/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127030941501%2F17680117127031054188%2F1555333956)
グーグル「Chrome」、JavaScriptベンチマークで競合ブラウザを圧倒
Googleがオープンソースのウェブブラウザ「Chrome」をリリースした理由の1つとして、同社は「処理速度」によって実現される、より高速なブラウジングと、いっそうリッチなアプリケーションを追求していることが挙げられる。では、実際Chromeの処理速度は、他のブラウザと比較してどの程度なのか。 Googleは5種類のJavaScriptベンチマークを行った。Chromeはこれらすべてのテストで、他のブラウザを凌ぐ結果を出している（提供： Stephen Shankland/CNET News） Googleのエンジニアで、ChromeのJavaScriptエンジンV8を担当するテクニカルリーダーLars Bak氏は、米国時間9月2日に行われた同ブラウザの発表イベントで、ChromeのJavaScriptの実行速度は、他のブラウザの「何倍も速い」と自負している、と語った。JavaScript
ondblclick属性
Updated 2013.09.29 / Published 2005.10.02 ondblclick属性はユーザが当該要素をマウスやノートパソコン等に付属しているトラックパッドなどのポインティングデバイス（pointing device）の左ボタンで続けて2回押した際（2回連続で左クリックを実行した時）に起動するスクリプトを指定するイベント属性（イベントハンドラ）です。左ボタンを2回連続で押す間隔は、システムのダブルクリックのスピード設定によります。 バージョン HTML4.01(S,T,F) XHTML1.0(S,T,F) XHTML1.1 必須 - 非推奨 - 属性値 スクリプト ondblclick属性は、ポインティングデバイス操作ができない環境では無効です。そもそもダブルクリックのような複雑な操作をしなければならないコンテンツの作りは考えものですし、日本工業規格がウェブコンテン
JavaScript クロスブラウザに関するメモ - とみぞーノート
IEとFireFoxでのJavaScript(と言うか主にDOMまわり)の挙動の違いに関するメモ書き 1.ウィンドウ/ドキュメント関連 1.1 ドキュメントの幅,高さの取得 IE6 document.body.scrollWidth document.body.scrollHeight NN6,FireFox document.width document.height FireFox12ではdocument.width,heightはundefinedになる。 https://dev.mozilla.jp/2011/06/firefox6-backward-compatibility/ によると、このプロパティは標準化されなかったので、FireFox6以降で削除された模様。 かわりに、以下のようにしてサイズを取得できる。 parseInt(window.getComputedStyle(
miya2000の日記 - これからドラッグ＆ドロップを書く人のために
2012/07/22 追記 久しぶりに確認したところ、IE9 では以下で指摘している IE (このときは IE6 でした) の問題(3, 4, 6)がすべて解消されていました。 また、Firefox での問題(5)も Firefox14 で試したらは解消されていました(ただ、All-in-One Sidebar のパネルの上では mousemove イベントが発生しないようでした)。 Chrome20 や Safari5 でも問題無く動作していますから、現在においてドラッグ＆ドロップを実装するには mousedown 時の preventDefault() だけでOKと言えそうです。すばらしいですね！ safari で動かないらしいのでどなたか情報ください！(くやしい!) というかこういうのに勝ち負けはないので実装できてる方は是非トラックバックお願いします。当方既に ipod 中毒ですし
【JavaScript】onmouseover/onmouseoutの振る舞い
マウスイベントである onmouseover／onmouseout はそれぞれあるオブジェクトに対してマウスが重なった／外れた場合に発生するイベントですが、どうも動作が直感的じゃないなぁ、と感じていたので、少し調べてみました。 どういうことかというと、例えば、 のように、親オブジェクトAの中に子オブジェクトB、孫オブジェクトCがいるような場合。 Aに対してonmouseover／onmouseoutを設定したとすると、直感的には、 Aの外から内側に入った場合にのみ、overイベントが発生。 Aから外に出た場合にのみ、outイベントが発生。 という動作を期待してしまいますが、これは期待通りになりません。 というのは、A～B間、B～C間の境界を移動した場合にも、当該イベントが発生してしまうからです。 たとえば、A→Bに動くと、一旦 out が発生してから改めて over が発生します。 つまり
Raphaël—JavaScript Library
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
イベントへの関数登録について - Backstage of theater.js
HTML+JavaScriptで、要素のイベントへの関数登録の方法は、主に以下の３つです。 1. 要素タグのなかに属性(onclick="〜"等)を直接記述する。 【例】 <button onclick="alert('!');">TEST</button> 2. 要素オブジェクトのプロパティへ関数を設定する。 【例】 <button id="test">TEST</button> <script> function func(){ alert("!"); } var elem = document.getElementById("test"); elem.onclick = func; </script> 3. 要素オブジェクトのaddEventListenerメソッドまたはattachEventメソッドを使用する。 【例】 <button id="test">TEST</button>
#01 JavaScriptのバッドノウハウ | gihyo.jp
今回から「BK通信」（ビーケーツウシン）と題して、連載することになった高林と申します。以前連載していた「プログラミングの光景」ではデバッグ、コードレビューといった大きなテーマを取り上げましたが、今回の連載では日常的に遭遇するチマチマした「バッドノウハウ」（Bad Knowhow）について書いていきたいと思います。 バッドノウハウとは？ バッドノウハウとは、筆者が2003年に作った造語です。元の定義は以下のようなものです。 計算機を使っていると、何でこんなことを覚えないといけないのだろうか、とストレスを感じつつも、それを覚えないとソフトウェアを使いこなすことができないためにしぶしぶ覚えなければならない、といった類いのノウハウは多い。そうした雑多なノウハウのことを、本来は知りたくもないノウハウという意味で、私はバッドノウハウと呼んでいる。 一方、「はてなキーワード」にある定義は簡潔ですっ
JavaScript読み込みブロック回避でページ表示を高速化する方法 | エンタープライズ | マイコミジャーナル
スクリプトが読み込まれるまで画像の読み込みがブロックされている - 同ブログより抜粋 WebページパフォーマンスツールであるYSlowの主要開発者でありYahoo! Exceptional Performanceの開発者であるStoyan Stefanov氏がNon-blocking JavaScript Downloadsというタイトルで、ページの読み込み速度を向上させるテクニックを簡潔にまとめている。これはブロックが発生するJavaScriptの読み込みを並列化することでページの読み込み時間を短縮しようというもの。Webページの読み込み高速化に効果的な手法なのでWebデベロッパは一度目を通しておきたい。 JavaScriptの読み込み中はほかの読み込み処理がブロックされる。これをDOM経由で動的にロードするように書き換えてやれば並列して読み込まれるようになる。Non-blocking
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
canvas の描画メソッド - WebOS Goodies
JavaScript++かも日記 - 1997年からの
JavaScript++かも日記 - 1997年からの
はてなブログ | 無料ブログを作成しよう
