目新しいネタは全く見つからないとか色々を言い訳に、月1書けばいい方になってる今日この頃・・・うぅ。 そういえば、web creatorsの5月号（たぶん）に参考にしているサイトでウチのサイトの名前があったとかどーとか聞いたんですがマジっすか！？読んでないーorz あと、7月号（Vol.91）にちょろっと記事書いてるので良ければ買ってくだしあ。 タイトルがa要素になってますが、インライン要素でもいいです。 背景下にとかも書いてますが、リストとかでマーカーの変わりにbackgroundをa要素に指定した時なんかの場合です。 タイトルって難しいですねorz さて、時間もあまりないので本題に。 サンプルページを見る 以前に書いた、ユーザーの動き。にもあるように、リストのマーカー部分をクリックして、クリック出来ない的な人が居たりするってのもありますが、li要素にbackgroundの指定をしてpad

(function(){ function a() {alert('a')} function b() {alert('b')} function c() {alert('c')} window.addEventListener('click', a, false); window.addEventListener('click', b, false); window.addEventListener('click', c, false); window.addEventListener('click', a, false); })() opera -> b, c, a; firefox -> a, b, c;

これはなに 既にご存知の方がいらっしゃるかどうかも知りませんが今さっき関連文献に行き当たって驚愕したので念のためにメモを書いておきます。私はメーリングリストなどに加入していませんので論議が済んでいるかどうかも知らないのです。もしもウェブ上に解説記事があるようでしたら逆に私に是非とも教えてください。 JSONデータの先頭に JSONデータの先頭にwhile(1)を置いておくことで無限ループを発生させておいて、受動的攻撃のページの悪意あるscriptの実行を失敗させるというアイデアには欠点があるということを、先程とある文献から知りました。これはwhile(true)についても同様です。JavaScriptは柔軟で強力な言語ですから、ブラウザがJavaScriptエンジンをまじめに実装しているのであれば、アタックのチャンスを与えていることになります。しかしこれはブラウザの脆弱性とは捉えられません

var xml = <box xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <label value="hogehoge"/> <div xmlns="http://www.w3.org/1999/xhtml"> <p>abc</p> </div> </box>; xml.toXMLString() /* <box xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <label value="hogehoge"/> <div xmlns="http://www.w3.org/1999/xhtml"> <p>abc</p> </div> </box> */ xml.*[1].toXMLString() /*

XPathの勉強。LDRFullFeedの仕様がXPathで本文を指定するというものだったので、HTML(XHTML)から必要な部分を抜き出すためにどのようなXPathが書けるかを考えてみる。 特に意味はないけどhttp://labs.cybozu.co.jp/blog/akky/archives/2009/02/interviewd-by-junior-high.htmlを例にしてみる。勝手に使ってすみません。 ... <div id="center"> <div class="content"> <p align="right"> <a href="http://labs.cybozu.co.jp/blog/akky/archives/2009/02/google-news-widget.html">&laquo; Googleニュースの新ブログパーツ(ウィジェット)</a> | <a

はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

の39番目とGM_addStyleの実装と最適化 - 0xFFについて。 まず、style要素を使う方法。 function addStyle(css) { var style = document.getElementsByTagName('style').item(0); if (!style) { style = document.createElement('style'); style.type = 'text/css'; (document.getElementsByTagName('head').item(0) || document.documentElement).appendChild(style); } style.appendChild(document.createTextNode(css + '\n')); } 元からあるstyle要素を利用する方法。コメント欄

はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

http://d.hatena.ne.jp/janus_wel/20081104/1225758511 の続き。ダメだこの本ツッコミどころが多すぎる。もう少し軽く読めと言うことなのかな−。とりあえず 4 章 変数まで。あとこの本やっぱり著者の David 氏がぶっ飛んでる感じ。以下は 4 章 変数の p.50 から引っ張ってきた文章ね。いろいろ沸き起こってくるものはあるんだけどシンプルにこれあんたがデザインした言語じゃないだろって点のみを主張する。 JavaScript はデータ型の指定が不要なので、ほかのプラグラミング言語より簡潔なコードになります。 C++ や Java のようにデータ型の指定が必要な言語は、厳格な記述が強制されるので、長くて複雑なプログラムを作成しても、保守や再利用が容易であるという利点があります。一方、 JavaScript のスクリプトはそれほど長くないことが多い

function と何度も入力していると、指が function と入力するのに適した形にゆがみそうなので書いた。 nodes.map(function(v)v.href.replace(/.*\//,'')) を nodes.map(V.href().replace(/.*\//,'')) とかけるようにする魔法のオブジェクト。 http://d.hatena.ne.jp/javascripter/20081002/1222940338 をヒントに、さらに変態っぽくしてみた物。 続きを読む 上で書いた、指の歪みを防止するオブジェクトを導入した。 そのサンプル :echo $('//a').evaluate().map(function(v)v.href.replace(/.*\//,'')).copy() :echo $('//a').evaluate().map($f.href().r

2008-10-21 追記 この日記は、こんな流れで修正やら追記がされてます。 Firefox3で動いていたコードがFirefox3.1β1で動かないんが → 3.1でどっか変わった? 「ちがくね?」と指摘を受ける 検証し直してみると、実は createContextualFragmentは一部のブラウザ(Opera,IE)以外なら実用的だった ← 俺的新発見 記事修正。おわり uupaa.js(ver0.6)では、HTML文字列をノード化するために、 uu.node.insert = function(html, context) { var node = document.createRange().createContextualFragment(html); var rv = node.firstChild; context.appendChild(node); return rv

つぎ。 iterator ( https://developer.mozilla.org/ja/New_in_JavaScript_1.7#.e3.82.b8.e3.82.a7.e3.83.8d.e3.83.ac.e3.83.bc.e3.82.bf.e3.81.a8.e3.82.a4.e3.83.86.e3.83.ac.e3.83.bc.e3.82.bf ) 。 for in や for each in 内では独自に定義した iterator に従って走査されるというのはありがたいかも。解説は MDC や http://nanto.asablo.jp/blog/2006/08/12/481381#js17-iterator 、 http://nanto.asablo.jp/blog/2006/08/12/481381#js17-generator を見てもらったほうが早いんだけど、なんか

li要素などを改行すると、要素と要素の間に半角スペース分の余白が現れる件について調べてみた。 | Blog hamashun.com関連の、にツッコミしてみる。 innerHTMLの書き換えはaddEventListenerしたイベントが消えたりするのと、 Manabuさんの実装だとli要素の中の改行なども除去してしまうので意図しない動作(例えばliの中にpreがあったとき)をしてしまう可能性がある。 というわけで改案。 (function(){ var ols = document.getElementsByTagName('ol'); var TEXT_NODE = document.TEXT_NODE || document.createTextNode("").nodeType; for (var i =0,l=ols.length;i<l;i++) { var ol = ols[