JavaScript++かも日記

【Webサービス】Googleが主要AJAXライブラリをオンラインで提供開始

【Ajax 】 , Dojo 】 , JavaScript 】 , Yahoo! UI 】 , jQuery 】 , mootools 】 , ライブラリ 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

• jQuery
• prototype
• script_aculo_us
• MooTools
• dojo

<script>
  // Load jQuery
  google.load("jquery", "1");

  // on page load complete, fire off a jQuery json-p query
  // against Google web search
  google.setOnLoadCallback(function() {
    $.getJSON("http://ajax.googleapis.com/ajax/services/search/web?q=google&;v=1.0&;callback=?",

      // on search completion, process the results
      function (data) {
        if (data.responseDate.results &&
            data.responseDate.results.length>0) {
          renderResults(data.responseDate.results);
        }
      });
    });
</script>

  google.load("jquery", "1.2.3");
  google.load("prototype", "1.6");
  google.load("scriptaculous", "1.8.1");
  google.load("mootools", "1.11");
  google.load("dojo", "1.1.1");

---

---

【コメント】(←clickで入力欄open)

Allabout更新 他のコードとの衝突を避けるテクニック

【Dojo 】 , MochiKit 】 , Yahoo! UI 】 , jQuery 】 , mootools 】 , prototype.js 】 , ライブラリ 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

1. ライブラリと名前の衝突
2. jQueryとprototype.jsのオブジェクト構成
   1. jQueryのオブジェクト構成
   2. prototype.jsのオブジェクト構成
3. jQuery.noConflict()で衝突を回避する
   1. noConflictによる簡単な 衝突回避サンプル 　　
   2. noConflict()する前のオブジェクト構成 　　
   3. noConflict()した場合のオブジェクト構成
4. ネームスペースを変えるテクニック
   1. jQueryのみを使う(jQuery用$を使わない) 　　
   2. jQueryと新しいショートカット作成($jや$hogeなど) 　　
   3. DOM構築待機関数を利用したローカル処理(jQueryと関数内で$) 　　
   4. Queryという名前自体を取り替える(hogeなど) 　　
   5. 他のライブラリ内へ組み込む

---

---

【コメント】(←clickで入力欄open)

【ライブラリ】mootools系のダイアログMocha

【mootools 】 , ライブラリ 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

http://greghoustondesign.com/demos/mocha/

これは、とても良くできていると思います。が、、、このままでは、このブログには貼れないのです。うーん、かなり残念。

以下が、このMooTools Mocha UI v0.5を開いたときの、ページ内のグローバル領域の一部です。占拠されています(泣。

---

---

【コメント】(←clickで入力欄open)