Ajaxで今よみがえる(^^;;-->[クロスブラウザ技術 ]DHTMLサンプル集
-- リスト --
【カテゴリー】 ActionScript ( 6 ) AIR ( 4 ) AjaSQL ( 10 ) Ajax ( 675 ) Arax ( 1 ) canvas ( 15 ) CSS ( 24 ) 脳 ( 9 ) DLNA ( 1 ) Dojo ( 25 ) DOM ( 51 ) ES4 ( 4 ) Ext JS ( 5 ) 反重力物質 ( 1 ) ffAdd-on ( 1 ) Flash ( 48 ) Flash Remoting ( 11 ) FTP ( 2 ) GAF ( 9 ) Google Maps ( 124 ) Google ガジェット ( 1 ) GPS ( 44 ) HTML ( 11 ) HTTPヘッダサンプル ( 11 ) IME ( 2 ) Internet ( 2 ) iPhone ( 50 ) IPv6 ( 1 ) 漫画 ( 4 ) Java ( 49 ) JavaScript ( 344 ) jKamo ( 8 ) jQchart ( 4 ) jQuery ( 207 ) jquery-ref ( 1 ) jsGadget ( 19 ) jslb_ ( 3 ) jslb_ajax ( 9 ) JSON ( 49 ) JSR223 ( 7 ) kjscmd ( 1 ) KNOPPIX ( 1 ) Linux ( 18 ) Mac ( 9 ) Memo ( 3 ) Microformats ( 2 ) Mini AJAX ( 2 ) MochiKit ( 2 ) mootools ( 10 ) Movable Type ( 58 ) MySQL ( 10 ) NewGameWeb ( 2 ) Nucleus ( 8 ) OpenAJAX ( 3 ) OpenDocument ( 1 ) OS ( 10 ) P2P ( 2 ) Perl ( 8 ) PHP ( 38 ) PostGIS ( 1 ) PostgreSQL ( 4 ) prototype.js ( 28 ) ROBOT ( 1 ) RSSリーダー ( 15 ) Ruby on Rails ( 7 ) SPDY ( 1 ) Spry ( 6 ) SQLite ( 17 ) SQLiteWorker ( 2 ) ssh ( 1 ) SSI ( 2 ) SVG ( 23 ) TRON ( 1 ) Ubiquity ( 7 ) Video ( 1 ) VML ( 1 ) Web Slice ( 1 ) Web Sockets ( 25 ) Webサービス ( 107 ) widget ( 6 ) Wii ( 1 ) Wiki ( 1 ) Win ( 6 ) WSH ( 1 ) X01HT ( 30 ) XML ( 32 ) XOOPS ( 1 ) XQuery ( 2 ) XUL ( 4 ) Yahoo! UI ( 74 ) 日付入力用カレンダー ( 1 ) 『Ajax実践テクニック』 ( 1 ) 『入門 Ajax』 ( 42 ) ＷｉｎTips ( 2 ) こりゃすごい ( 7 ) チューニング ( 30 ) ダイナミックロード関数 ( 7 ) リファレンス ( 20 ) ライブラリ ( 210 ) レーダー雨量表示 ( 1 ) ハード ( 35 ) ペンギン ( 2 ) ブラウザ ( 109 ) ブログでBBS ( 1 ) アクセスグラフ ( 3 ) イベント ( 2 ) カレンダーによる日付入力スクリプト ( 4 ) クロスブラウザ ( 14 ) クロスブラウザ関数 ( 8 ) スポーツ ( 1 ) スマートフォン ( 8 ) セキュリティ ( 155 ) ソフトイーサ ( 1 ) マッシュアップ ( 23 ) 暗号 ( 4 ) 映画 ( 57 ) 河川の水位グラフ ( 3 ) 回線 ( 2 ) 開発ツール ( 38 ) 牛久大仏 ( 19 ) 携帯 ( 150 ) 言語 ( 19 ) 故障 ( 9 ) 高橋家の謎 ( 3 ) 広告とか ( 1 ) 洪水警報システム ( 2 ) 今日のひと言 ( 10 ) 仕様 ( 113 ) 雑談 ( 357 ) 実装 ( 2 ) 書籍 ( 20 ) 親子ウインドウ有無の確認関数 ( 3 ) 新海誠 ( 3 )
Web Sockets Domo

* サーバー側は、小松氏のこれをbloga.jp:80へ置いてあります。
* クライアント側はWS処理をjQueryプラグイン化してみました。これです。
* ちなみに、このDemoサンプルは、下記5行でローカルでも別ドメインでもどこにでも設置出来ます。
<script src="http://bloga.jp/ws/jq/js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="http://bloga.jp/ws/jq/js/jquery.ws-0.3-noenc-pre.js" type="text/javascript" charset="utf-8"></script> <script src="http://bloga.jp/ws/jq/conn/wschatdemo0.3.js" type="text/javascript"></script> <script>/*サポートしてない時のalertメッセージを抑止*/$.ws.wsSetup({nonosupportmsg:true});</script> <div id="wsdemos"></div>

【info】いつもいろいろなテストなどをページ内のあちこちでやっているので、重かったり、壊れていたりするf^^;ことも多いです。実験用ですので、カオス(混沌)をあえて意図したりもしますので、標準やValidとは無縁だったりしますが、何卒、ご了承ください ( _ _ b

【info】 最近はTwitterでぶつぶつ言ってることが多いです。
>http://twitter.com/toshirot

【info】 Chrome Extension [WebSocket Chat] もちろんChrome専用です
https://chrome.google.com/extensions/detail/fnoegeafibddabfhmpmhniphlcojkjli

2008年01月02日

AllaboutのDOM関連サンプルリンク

【DOM , JavaScript , スマートフォン , 携帯 】 ブックマークに追加する ブックマーク-- Hatena  / Livedoor track feed


かなり以前に書いたものですが、DOM以降のブラウザで、かつ、最新流行のライブラリでは動作しない環境(たとえば、携帯やスマートフォンのブラウザなど)で基礎的なDOMスクリプトを書くときに、結構役に立つので、リンクにまとめておきます。

DOM Samples /Core　NamedNodeMap/length
マップ内のノード数を返します。
http://allabout.co.jp/internet/javascript/closeup/CU20050215A/index.htm
DOM Samples /Core　NamedNodeMap/item()
マップ内のindex番目にあるノードを返します。
http://allabout.co.jp/internet/javascript/closeup/CU20050130A/index.htm
DOM Samples /Core　NamedNodeMap/removeNamedItem()
引数によって指定された属性ノードを取り除く
http://allabout.co.jp/internet/javascript/closeup/CU20050115A/index.htm
DOM Samples /Core　NamedNodeMap/setNamedItem()
引数によって指定されたノードを追加する。
http://allabout.co.jp/internet/javascript/closeup/CU20041230A/index.htm
DOM Samples /Core　NamedNodeMap/getNamedItem()
名前によって指定された属性ノードを返します。
http://allabout.co.jp/internet/javascript/closeup/CU20041215A/index.htm
DOM Samples /Core　NodeList/length
ノードリスト内のノード数を返します
http://allabout.co.jp/internet/javascript/closeup/CU20041130A/index.htm
DOM Samples /Core　NodeList/item()
ノードリスト内のindex番目にある項目を返します。
http://allabout.co.jp/internet/javascript/closeup/CU20041115A/index.htm
DOM Samples /Core　Node/isSupported()
引数で指定されたfeatureとversionが対象ノードでサポートされているかどうかを調べます。
http://allabout.co.jp/internet/javascript/closeup/CU20041030A/index.htm
DOM Samples /Core　Node/ownerDocument
対象ノードに関連づけられたDocumentオブジェクト。
http://allabout.co.jp/internet/javascript/closeup/CU20041015A/index.htm
DOM Samples /Core　Node/normalize()
隣接するテキストノードを単一のテキストノードに直す。
http://allabout.co.jp/internet/javascript/closeup/CU20040930A/index.htm
DOM Samples /Core　Node/cloneNode()
対象となるノードのコピーを返す。コピーノード自体は親をもたないのでparentNodeはnull。
http://allabout.co.jp/internet/javascript/closeup/CU20040915A/index.htm
DOM Samples /Core　Node/hasChildNode()
ノードが子をもっているかどうかを調べるメソッド。
http://allabout.co.jp/internet/javascript/closeup/CU20040830A/index.htm
DOM Samples /Core　Node/appendChild()
ノードを追加する。引数newChild を子ノードの末尾に追加する。
http://allabout.co.jp/internet/javascript/closeup/CU20040815A/index.htm
DOM Samples /Core　Node/removeChild()
ノードを取り除くためのメソッド。引数で示される子ノードを子のリストから取り除き、それを返します。
http://allabout.co.jp/internet/javascript/closeup/CU20040728A/index.htm
DOM Samples /Core　Node/replaceChild()
ノードを置き換えるためのメソッド。
http://allabout.co.jp/internet/javascript/closeup/CU20040717A/index.htm
DOM Samples /Core　Node/insertBefor()
既存の子ノードの前に新しいノードを挿入するためのメソッド。
http://allabout.co.jp/internet/javascript/closeup/CU20040627A/index.htm
DOM Samples /Core　Node/attributes
対象がエレメントノードの場合に、そのエレメントが含む属性のリスト。これを利用して、タグ内の各属性にアクセスできます。
http://allabout.co.jp/internet/javascript/closeup/CU20040615A/index.htm
DOM Samples /Core　Node/previousSibling
兄弟方向ノードでカレントノードに対して手前にあるのがpreviousSiblingです。nextSiblingの反対側のノードになります。
http://allabout.co.jp/internet/javascript/closeup/CU20040520A/index.htm
DOM Samples /Core　Node/nextSibling
ツリー状のノードは、親-子...といった縦のつながりになっていますが、それぞれの世代?レベルには横方向に兄弟(姉妹)も存在しています。今回は、そんな兄弟ノードのnextSiblingです。
http://allabout.co.jp/internet/javascript/closeup/CU20040515A/index.htm
DOM Samples /Core　Node/lastChild
今回はlastChild、対象ノード内にある子ノードの中で一番最後にあるノードです。
http://allabout.co.jp/internet/javascript/closeup/CU20040430A/index.htm
DOM Samples /Core　Node/firstChild
今回はfirstChildです。対象ノードの最初の子ノードです。
http://allabout.co.jp/internet/javascript/closeup/CU20040418A/index.htm
DOM Samples /Core　Node/childNodes
今回はchildNodesです。対象ノードのすべての子を含んだノードリストを返します。
http://allabout.co.jp/internet/javascript/closeup/CU20040326A/index.htm
DOM Samples /Core　Node/parentNode
DOMの仕様にそってサンプルを連載します。今回はNodeインターフェイスのparentNode、つまり親ノードについてです。
http://allabout.co.jp/internet/javascript/closeup/CU20040322A/index.htm
DOM Samples /Core　Node/nodeValue
DOMの仕様にそってサンプルを連載します。今回はNodeインターフェイスのnodeValueです。文字通り、対象ノードの値を取得または設定するのに使います。
http://allabout.co.jp/internet/javascript/closeup/CU20040317/index.htm
DOM Samples /Core　Node/nodeType
DOM(Document Object Model)の仕様にそってサンプルを連載します。今回はNodeインターフェイスのnodeTypeです。
http://allabout.co.jp/internet/javascript/closeup/CU20040307/index.htm
DOM Samples /Core　Node/nodeName
DOM(Document Object Model)の仕様にそってサンプルを連載します。今回はNodeインターフェイスのnodeNameです。
http://allabout.co.jp/internet/javascript/closeup/CU20040306/index.htm
シリーズ
DOM Samples /Core (1)
DOM Samples /Core
http://allabout.co.jp/internet/javascript/subject/msubsub_series_javascript03.htm
DOM Samples /Core (2)
DOM Samples /Core
http://allabout.co.jp/internet/javascript/subject/msubsub_series_javascript03_2.htm
DOM Samples /Core (3)
DOM Samples /Core
http://allabout.co.jp/internet/javascript/subject/msubsub_series_javascript03_3.htm

All About サイト内　「DOM Samples」　検索結果



  

All About/JavaScript

All About のJavaScript関連記事を書いています。参考にしていただければ幸いです。