はてなブログ | 無料ブログを作成しよう牛乳とドーナツ 冷蔵庫で冷やされパキパキに固まった砂糖が鱗みたいにまとわりついているドーナツを取り出すと、マグカップに牛乳を注ぎ、少し時間を置く。 読みかけた本のことか、はたまた別のことか、何かを考えながら惰性でドーナツを食べてしまい、それを牛乳で流し込むのを忘れた…
JavaScript-XPath をリリースしました！さあ、あなたも XPath を使おう！（解説付き） - IT戦記
JavaScript-XPath とは JavaScript-XPath は、 DOM 3 XPath を実装していないブラウザに対して、実用的な速度で動作する DOM 3 XPath のエンジンを追加します。 一言で乱暴に言ってしまえば、どのブラウザでも document.evaluate って関数で XPath 使えるようになるよ！ってことです。 以下が公式サイトになります。 http://coderepos.org/share/wiki/JavaScript-XPath DOM 3 XPath ってなんなの！？ めっちゃ簡単（で、ちょっとだけ適当）なDOM 3 XPath の説明をします＞＜。 JavaScript でよく使う document.getElementById や document.getElementsByTagName って関数ありますよね？ DOM 3 XPath
textareaの選択範囲を取得し、前後に文字列を挿入する - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 textareaの中で選択した文字列の前後に、任意の文字列を挿入するJavascript。流れとしては、まず選択領域の始点と終点の位置を取得し、その境界を基準にしてtextareaの文字列全体を分割。そして加工して組みなおす。 始点と終点の位置は、Mozillaおよび（最近の）Opera/Safariでは容易に取得できる。問題はIE。IEのTextRangeオブジェクトは、後のコンテクストを見て処理を行うことが難しいため、特にtextarea内の文字列を操作したい場合は厄介です。 逆に言えば、始点と終点の位置さえ判ればなんとかなるので、いろいろ試してみてなんとか形に出
画面を一時的に消す - gotin blog
//けす Array.prototype.forEach.call(document.body.childNodes, function(e){if(e.style)e.style.visibility="hidden";}); //もどす Array.prototype.forEach.call(document.body.childNodes, function(e){if(e.style)e.style.visibility="visible";}); とすれば、消してから何かを表示、表示を終えたらもどす、というようなことができると思ったんですが、それだともともとhiddenにしていたものまでvisibleにしてしまうことになってしまいます。 で代わりに考えたのが↓これ var toggleView = (function(){ var tmp = document.createEl
getComputedStyle について調べてたら深みにハマったのでメモ - IT戦記
getComputedStyle とは！？ ある要素にどんなスタイルが当たっているかを計算してくれる。便利な関数。 使いかたはめっちゃ簡単！ var style = getComputedStyle(element, ''); alert(style.fontSize); // 14px alert(style.color); // rgb(0, 0, 0) ちなみに第二引数は疑似要素の style を取りたい場合に使います。通常は空文字列でいい。 でも、 getComputedStyle はこのままでは IE, Safari では動かない。 Safari では window(グローバル領域) に getComputedStyle は定義されてなくて、 document.defaultView だけに getComputedStyle が定義されている。 ちなみに、 Firefox, Op
Traversing an HTML table with JavaScript and DOM Interfaces - MDC
Traversing an HTML table with JavaScript and DOM Interfaces Introduction この文書では、強力で基本的な DOM レベル 1.0 のメソッドと、それを JavaScript からどのように使用するかざっと見ていきます。どのようにして HTML 要素を動的に生成、アクセス、制御、削除するかを学ぶことができます。ここで紹介する DOM メソッドは HTML に限ったものではなく、XML に対しても用いることができます。ここで用意しているデモは、Mozilla ブラウザ や他の Netscape の次世代 Navigator ブラウザ 【訳注: Netscape 6 のことを指しています】 のような Mozilla ベースブラウザなど、DOM レベル 1 を完全にサポートするブラウザであればどれでも正常に動作します。この文書
HTMLをJavaScriptのDOM作成文にしてくれる「DOM Tool」:phpspot開発日誌
DOM Tool HTMLをJavaScriptのDOM作成文にしてくれる「DOM Tool」。 次のように、HTMLの <div> 要素を JavaScript の document.createElement の形に変更してくれます。 HTMLをそのままJavaScriptのコードに記述するとプログラム的にコードが読みにくくなったりしますが、このツールを使い、DOMの形式にすることが出来ます。 DOMの形式でJavaScriptプログラミングを行いたい方にとって、これはなかなか便利ですね。 JavaScript: DOM-HTMLを操作するための仕組み
404 Blog Not Found:javascript - DOMMakerで楽々DHTML
2006年09月28日02:00 カテゴリLightweight Languages javascript - DOMMakerで楽々DHTML DHTMLは便利なものだが、DOM関連の関数でHTMLを「描く」のは、あまりに面倒だ。 たかだか <a target="blank" href="http://blog.livedoor.jp/dankogai">404 Blog Not Found</a> とやるのに、 var a = document.createElement('a'); a.setAttribute('target', 'blank'); a.setAttribute('href', 'http://blog.livedoor.jp/dankogai'); a.appendChild(document.createTextNode('404 Blog Not Found'
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptでDOMレンジを扱う：CodeZine
DOM Tool | Version 1.1
Oracle Java Technologies | Oracle
IBM Ajax をマスターする、第 6 回: DOM ベース Web アプリケー… - Japan