HTML と XHTML で同じ XPath を使う: Days on the Moon
通常、XPath を書くときは //p のようにすることが多いと思いますが、これには名前空間の指定が含まれていないため、XHTML 文書 (MIME タイプが application/xhtml+xml で提供されている文書) では使えません。これに対するアプローチとしては、//h:p のようにあらかじめ XPath 式に名前空間の指定を含めておき、リゾルバによる名前空間接頭辞の解決時に HTML と XHTML とで処理を分けるというのが一般的でした。「XPathNSResolver のクロスブラウザとか」や「document.contentType == "application/xhtml+xml"なページでの$X」で扱っている方法です。 とはいえ、いちいち名前空間接頭辞を指定するのは面倒くさいですし、同じ名前空間に対する接頭辞が人によって違うのも不便です。XPath 式の中で要素名
2008-08-30
はてなブックマークのコメント一覧非表示機能について - はてなブックマーク日記 - 機能変更、お知らせなど 先日リリースされた、はてなブックマークのコメント一覧を非表示する機能ですが、 テクノロジー : 日経電子版 こちらのタイトルのように、微妙に誤解されてるようなのでちょっと分かりやすく解説してみました。 実際に非表示設定にしている例 おはようからおやすみまで くらしに競馬を広げる はてなブックマークのコメント一覧非表示機能テスト - ネットランダム改 はてなブックマークのコメント一覧非表示機能について、ブックマークされる側より。 - Attribute=51 こちらを見てみると、一目瞭然なのですが、ブックマークしているユーザーとそのコメントが従来と異なり表示されていません。 ですが、これは ブックマークのコメントそのものが誰からも見れないということではありません 例えば、私が非表示の設
javascript - 特定のDOMをソース表示する : 404 Blog Not Found
2008年07月13日16:00 カテゴリTipsLightweight Languages javascript - 特定のDOMをソース表示する すでにいくつかのentriesで使っているのですが、かなり便利なので改めて紹介。 表示元 表示したいHTMLを適当にdivタグで囲ってidを振っておく。ここではhtml2show 表示先として空のpreを作っておき、そこにもidを振っておく。ここではhtmlsrc 以下のようなscriptを、preタグの直下に転がしとく (function(src, dst){ dst.appendChild(document.createTextNode(src.innerHTML)) })( document.getElementById('html2show'), document.getElementById('htmlsrc') ); もちろん以下
最近よく使っているコードセットのようなもの 第9回 パーソナルブログの作り方-Re:Creator’s Kansai （リクリ）
2025年8月最新版 レンタルサーバーおすすめ比較完全ガイド！ 当ページのリンクには広告が含まれています。
本気でやるなら a 要素を避けて input 要素を使うべき - A Better Project＠はてなダイアリー（インポート版）
同日 17:15 頃追記：はてブコメントで input 要素は form 要素外でも使えるとの指摘を北村（id:kits）さんからいただいたので、訂正。参考：http://www.w3.org/TR/html401/sgml/dtd.html#inline そろそろ本気で学びませんか？ | Think IT（シンクイット）で、href="javascript:void(0)" には誰も突っ込まないのかと思っていたら、重くなる原因でもなければバージョンが変わるのはライブラリだけではない - id:HolyGrailとid:HoryGrailの区別がつかない日記で以下のような発言が。 aタグにonClick書いてる時点でなにか違うことをやっている気がしなくもない。 もともとこういうのは超苦肉の策で始めたものだ。 ボタンが嫌だ！リンクにしたいっていうご要望をうけいれるところから始まった。 これで
本気でやるならonclick属性は避けてライブラリを活用すべき - id:HolyGrailとid:HoryGrailの区別がつかない日記
第1回 そろそろ本気で学びませんか？ | Think IT これ、今この記事書いてる時点で650以上ものブクマがされているんだけれども、あまり内容がよろしくない。 というのも、解説はとても丁寧ですごくよい内容なのだけど、サンプルコードの書き方がどうも古くさい。 onclick属性とか、今時のフロントエンドエンジニアはそんな書き方はしない（と思う）。 なぜonclickをあまり推奨しないのか やっぱり、エンジニアとデザイナーorマークアッパーとの分業の点でHTMLの属性にスクリプトを書いちゃうのはあんまりよろしくない。 たとえばの話だけど関数の名前を変えたかったり、だとか、HTMLを変更したり、っていうときにミスが起こりやすくなってしまう。 これは分業していなくてもどちらにしろ発生してしまうことだと思う。 他にも前に書いたのだけど、aタグとかでonclickしちゃうとhrefにreturn
Stop using Ajax! - saitonのブログ
Dev.Opera に Stop using Ajax! という新着記事あり。以下にイントロ部分だけの簡単な要約。 日本でも違った意味で話題になっている CAPTHA だが、アクセシビリティの観点からするといろいろ問題があるのは直に分かるだろう。 著者の brothercake は「近頃私はひどく怒っている」という書き出しで始まるエントリを、自らの blog に上げている。Technology is the last, best hope for accessibility このエントリで彼は、プログラマが「最先端でセクシーな」という名の下に一部の人々を置き去りにしていい気になっていると指摘する。 The Web は全ての人に開かれていなければならない。Sir TBL*1 も「ユニバーサル・アクセス」と言っていたし、ウェブに関わる HTTP や HTML は、プラットフォームやデバイスにと
JavaScriptの関数へ「'」はエスケープしないと引数として渡せない？ - 燈明日記
以下のようにonclickからJavaScriptの関数をコールする場合は、「'」はエスケープ（\'）しないと引数として渡せない。 以下で、確認しました。ただしＩＥ６のみ確認。 <html> <body> <form name="FM"> <input type="text" name="IP" value="ケース１：反応あり" onclick="subx('cb\'b"\\bc')"> <input type="text" name="IP" value="ケース２：反応なし" onclick="subx('cb'b"\\bc')"> <input type="text" name="IP" value="ケース３：反応なし" onclick="subx('cb'b"\\bc')"> </form> <script> fun
HTML要素の位置取得 - elm200 の日記(旧はてなダイアリー)
趣旨 ウェブページとして描画された HTML 要素の画面上の位置を取得する。一見簡単そうに見えるこの作業が、現在実装されているブラウザ上ではとてつもなく難しい。そのことを以下で説明していく。 情報ソース この問題に関して調べたところ、最もよく出来ているエントリは、susie-t 氏による offsetTop/offsetLeft/offsetParentの闇 である。とてつもない力作で、実に多くのケースにわたって、包括的に探究が行われている。まるで犯人を追跡する刑事のような執拗さである。氏の自己紹介では「ナマケモノのプログラマ」とか謙遜されているが、これはとてもナマケモノにできる仕事ではない。 基本中の基本として W3C CSS 2.1 の次の章を抑えておきたい。 8 Box model 9 Visual formatting model 10 Visual formatting mode
John Resig - HTML5 Shiv
Assuming that it’ll be a while before most browsers attempt to implement most of HTML 5 (a perfectly reasonable assumption) we need to start thinking of ways to tackle the creation and rendering of HTML 5 components in the meantime. Obviously, using the tools of JavaScript and CSS we can accomplish a lot. However, there is one notch in our weapon: Internet Explorer doesn’t know how to render CSS o
「(X)HTML + CSS だけで Web デザイン」時代の終わり？
前回の続き プログラマへ質問: こんなプログラム言語があったら── : 亜細亜ノ蛾の続きです。 CSS で「できること」「できないこと」 CSS という言語は、「できること」（文字装飾など）と、「できないこと」（サーバ通信 など）を覚えるまでは簡単です。 できることが わかっていれば、「やりたいこと」の答えは検索で すぐに見つかります。できないことも、あっさり諦められる。 問題なのは、「できなさそうで できること」（リンクに特定のアイコンを表示）と、「できそうで できないこと」（リンクに favicon を自動取得して表示）を覚えるのが やっかい。 さらに、「全てのブラウザで同じように表示させたい！」と禁断の、いや ごく普通の願いが、地獄への道しるべ。CSS 魔のダンジョンへ、ようこそ──。 「CM 入りまーす」 そこで──、すべての Web デザイナ・CSS ファン・ブロガ必見、現在絶賛
セクション内容の参照について (agenda)
div2 が認識可能であるか、XHTML で Pre-HTML 的に <div class="div2"> といった感じでマークアップしていれば、var div2 = document.getElementById('h-7.5').nextSibling; といった感じで id="h-7.5" な属性を持つ h2 要素の次の要素として div2 に相当する要素が取得でき、ここだけユーザに提供する、といった事が簡単に行えます。 Hack Or Die 2007/12 - Ancient libraryより といった感じ、というわけでこれでは殆どのケースでdiv2相当のdiv要素を参照することはできない。これで参照できるのは、h2の終了タグとdivの開始タグが隣接していることが分かっている場合だけだ。普通はソース整形のためのテキストノードになってしまう場合が多いだろう。 // 見出し要素とd
Google Mapsの埋め込みコードをXHTML validにするGreaseMonkeyスクリプト - Liner Note
Google マップがAPIを使わなくてもHTMLのコピペで貼り付けられるようになったそうなんですが、その埋め込みコード‥Google Mapsの埋め込みコードをXHTML validにするGreaseMonkeyスクリプト 書いた人： leva 投稿日： 2007年08月22日（最終更新：1ヶ月と18日前） 読者の皆さんの反応 5 被ブックマーク数： 0 <iframe width="425" height="350" frameborder="no" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&hl=ja&geocode=&q=%E5%85%AD%E6%9C%AC%E6%9C%A8%E3%83%92%E3%83%AB%E3%82%BA&ie=U
ブロックレベル要素の高さを揃えるheightLine.js[to-R]
ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja
![ブロックレベル要素の高さを揃えるheightLine.js[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a01a0c31d440f29a491fdd71f76aedb1d5a3f40b/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
gmailで添付ファイルが自動でアップロードされるしくみ - bits and bytes
gmailでメールを書くとき、添付するファイルを選んでからしばらくすると、いつの間にか添付ファイルがアップロードされています。 添付するファイルを選ぶと、はじめファイル名が表示されていたのが 自動的にアップロードされて、名前とファイルサイズが表示されています！ 実は、あまり名前も聞かなくなった Google Page Creator がリリースされたときにいちばんびっくりしたのはページの右下にこのgmailの自動アップロードとよく似たしくみがあったことでした。で、さっそく解析してマネしてみたことがあります。今回はgmailでその仕組みを見てみます。 ちなみにその Google Page Creator には、ログインすると右下にこんな ファイルをアップロードするのに使う部分があります。 gmailの場合、メールが自動保存されるタイミングでアップロードされているかんじでしたが、こっちのはBr
document.title の罠 - IT戦記
このエントリは一部間違っています。 こちらで訂正いたしました。 http://d.hatena.ne.jp/amachang/20070523/1179928332 いや大したことじゃないんですけど かなりハマったのでメモしときます。 通常ページのタイトルは以下で取れる var title = document.title; alert(title); // タイトルを表示 しかし、コンテンツ内に <div id="title"></div> のように id が title のものがあると var title = document.title; alert(title); // [object HTMLDivElement] となってしまう。 これでかなりはまった まとめ 不特定のページから title を取るような場合は多少めんどくさいけど document.getElementsByT
lllcolor.com
We’re getting things ready Loading your experience… This won’t take long.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.openvista.jp/archives/note/2008/autopagerize-without-greasemonkey/?2008/autopagerize-without-greasemonkey/
http://homepage.mac.com/yuji_okamura/iblog/DotMac/Tips/C1592201073/E20060604014403/index.html
Scrollovers - Seu guia completo para o mundo das finanças.