tag: クロスブラウザ  1/1

テストを2件ほど

No image

highlight.js をいじってて、スマホ(android 標準ブラウザ)で崩れるのに気が付いた。 どうやら、カスタムデータを設定していないときと、属性値を設定しないカスタムデータ属性を取得したときの挙動が違う。 e.dataset.<key> === undefined でカスタムデータ属性が設定されているかどうかを判定できるかと思ったんだけど…… plain only attr name has value   カスタムデータ属性な...

javascript で Transformer

No image

xml に xsl を適用するときに、xml-stylesheet処理命令 を使うと、 xsl をパースするためのコストがかかる IE だと 使ってくれるな と Knowledge Base に (堂々と) 書いてある というわけで、javascript で JAXT の javax.xml.transform.Transformer に当たることを javascript のコードで書いてみた。 本当は、ここにサンプルも含めて載せたかったのだけれど、ファイルのアップロード先が別ドメインなので、セキュリテ...

insertAdjacentHTML を Firefox でやる

No image

前に書いたの は、これがやりたかったんだよね。insertAdjacent.jsどっかで見たことあるんですが見つからない…というわけでfxでinsertAdjacent系が利用できるものをつくりました。多分、これ のパクリだと思うんだけど、完成度はこちらのほうが高いな。namespace を汚染しない適切なインデントで意図が分かりやすいリスペクトの意味をこめて、ここでもコードを貼っ付けておこう。(function() { if ('HTMLElement' in this) { ...

文字列を選択状態にする

No image

<textarea> や <input> だけじゃなく、文字列を選択状態にするスクリプト。 動作確認は、IE と Firefox だけ。 // ele : 選択対象の要素 // start : 選択開始位置 (0 始まり) // length : 選択する長さ function selectText(ele, start, length) { if (window.getSelection) { var rng = window.content.document.createRange() if (! start) { rng.selectNodeContent...