[B! dom][javascript] waka0930のブックマーク

JavaScriptの技法：DOM操作の落とし穴とその回避方法 - builder by ZDNet Japan

セキュリティモデルは変わった！クラウド活用、リモートワークはあたりまえいま求められるゼロトラスト実現のためにコンテナをエンプラITに！コンテナ活用の基礎本番実装が増える背景とメリットデータ活用は次のステージへトラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにあるデジタル時代のITインフラ構築術仮想化統合、クラウドを経て今「マルチ」へ ITインフラの最適化と継続的進化への道筋ヤフー担当者が語る！安心なサービスを作るための試行錯誤効率とリスクのバランスをどうしているのか時代はサーバ仮想化からコンテナへあらためて整理したい企業ITにおけるコンテナ活用の基礎と採用メリットを紹介自社利用の知見・経験を顧客に提供コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授激変するビジネス環境の中でのDX モダンアプリ

waka0930 2008/01/15

リンク

[Javascript] クロージャを利用したイベントリスナの登録

時々、特定のイベント間で値を共有したい事があります。以下の例は、選択されているボックスの状態をどこかに保存しておいて、別のボックスが選択されたら選択を取り消すサンプルです。選択されているエレメントの値を保存する場所としては、グローバル変数か、エレメントのプロパティ(IEで使用するためには、Element.extendされている必要がある。event.targetは、Element.extendされている。)がありますが、イベントリスナにクロージャーを利用すると名前空間も汚染されません。 Source Code selected変数に、現在選択されているボックスをバインドしている。 document.observe('dom:loaded', function() { $('selection').observe('click', (function() { var SELECTED_CL

waka0930 2008/01/15

リンク

Nao Haida's weblog: DOM のロード直後に実行する関数の指定方法

Javascript で DOM を操作する際にはページ内の DOM 要素がロードされている必要がある。このとき問題になるのは、DOM がロードされたタイミングをどのように検知するか。DOM がロードされたタイミングで実行する関数の指定方法。ということになる。まず、次のような html を考える。 <html> <head> <title></title> <script> // ページヘッダの読み込み時刻を記録 var start = new Date(); </script> </head> <body>  <img src="http://example.com/sleep10" /> </body> </html> ここで、 image 要素には 10 秒後に結果を返すスクリプトを指定している。 window.onload を使い、ペ

waka0930 2008/01/15

リンク

JavaScript/DOM » formオブジェクト » Tableオブジェクト | PHP & JavaScript Room

サンプルを見る<div class='tbl'> <table id="tableF"> <tr><th>it em1</th><td>1-1</td><td>1-2</td><td>1-3</td></tr> <tr><th>it em2</th><td>2-1</td><td>2-2</td><td>2-3</td></tr> <tr><th>it em3</th><td>3-1</td><td>3-2</td><td>3-3</td></tr> </table> </div> <form action="#"> <p><input type="button" value="ノード名と値を取得" onclick="fTableRows2()" /></p> <p id="resTableRows2"></p> <p><input type="button" value="

waka0930 2007/09/12

リンク

作って納得! DOM 2 Events: Days on the Moon

ブラウザ上でのプログラミングで避けては通れないのがイベント処理。その仕組みは DOM Level 2 Events にて規定されています。しかし、とりあえず addEventListener メソッドを使ってはいるものの、それがどのような意味を持つか詳しくは知らないといったことはありませんか。そこでここでは、DOM 2 Events のイベントモデルを理解し、ブラウザが裏で何をしているのかを把握するために、実際にそのイベントモデルを実装してみることにします。具体的には、仕様書に定められたインターフェースを JavaScript で実装し、それらを組み合わせてイベントの発生をシミュレートしてみます。 Event インターフェース EventListener インターフェース EventTarget インターフェース DocumentEvent インターフェース DOMException イン

waka0930 2007/04/22