Changes between Version 10 and Version 11 of oid/WorkLog/09-02-04

Timestamp:

Feb 4, 2009, 6:36:54 PM (16 years ago)

Author:

jazz

Comment:

--

oid/WorkLog/09-02-04

@@ -345 +345 @@
   };
 }}}
+ * 先看過 Element 類別的定義，之後我們回過頭來看 LoadElement 做些什麼
 {{{
   function LoadElement() {
@@ -451 +452 @@
     });
   };
-
+}}}
+ * 這裡補記一下 BigEvent 裡面一段神奇的 Code ，從這段程式碼可以感受到 jQuery 可以在 Runtime 把 click 事件註冊上去，這真是一個神奇的事情啊!!
+{{{
+      var event_link = $('<a href=#>' + me.name + '</a>');
+
+      ### 這裡其實只是產生了 DOM 裡面的一段如 <a href="#">三顧茅蘆</a> 的程式碼
+      ### 透過 Firebug 去觀察 DOM 也只看到這樣的結果
+      ### 但是因為 DOM 是由 jQuery 產生的，因此底下這幾行所定義的 click 事件處理函式
+      ### 會因為不同的連結而有所不同
+
+      event_link.click(function(){
+        if (me.is_details_shown) {
+          me.hideDetails();
+        } else {
+          me.showDetails();
+        }
+
+        ### 呼叫 Redcliff.updateOverlay(type, id)
+        ### 一開始會先用 Redcliff.clearOverlays() 把目前的 Overlay 清掉
+        ### 如果 type = 'E' , 從 BIG_EVENT 讀出對應的 event_id 跟 element_id
+        ### 如果 type = 'P' , 從 PEOPLE 讀出對應的 event_id 跟 element_id
+
+        G_MAP.updateOverlay('E', me.id);
+
+        ### 呼叫 Redcliff.setCenter(center, level)
+        ### 也就是把目前 Google Map 的中心位置設到 GLatLng(32.010, 111.939)，比例尺設為 8
+
+        G_MAP.setCenter(me.center, 8);
+
+        ### 參考 http://www.google.com.tw/intl/zh-TW/apis/gadgets/tools.html#Analytics_Gadgets
+        ### 這是為了作 Google Analytics 網址點選統計分析用的
+
+        _IG_Analytics(UAACCT, '/click/eventLink/' + me.name);
+        return false;
+      });
+      link_cell.append(event_link);
+}}}
+ * 繼續看 LoadPeople 在做什麼
+{{{
   function LoadPeople() {
+
+    ### people.json 的範例
+    ### {"name" : "曹操" , "zi" : "孟德" , "hao" : null , 
+    ###  "event_ids" : [3 , 4 , 9 , 10 , 13 , 17 , 19 , 21 , 22 , 23 , 24 ] , 
+    ###  "element_ids" : [2 , 3 , 9 , 10 , 11 , 14 , 23 , 25 , 29 , 30 , 32 , 34] , 
+    ###  "birth" : 155 , "death" : 220 , "birthplace" : "沛國譙縣" , "desc" : "曹操生於官宦世家...略" , 
+    ###  "kindom" : "魏" , "wiki" : "http://zh.wikipedia.org/w/index.php?title=%E6%9B%B9%E6%93%8D&variant=zh-tw" , 
+    ###  "pic" : "http://laiba.tianya.cn/laiba/images/274/12295005301924842653/A/1/o.png" , 
+    ###  "center" : {"lat" : 31.224 , "lng" : 112.818}},
+
     _IG_FetchContent(URL.people_url, function(data) {
       var json = eval(data);
       $.each(json, function(index, raw_people) {
         var people = new People(raw_people)
+
+    ### 呼叫 setItem 產生二維陣列 
+    ### 結果應該是 
+    ### PEOPLE.item["曹操"].id          = "曹操"
+    ### PEOPLE.item["曹操"].name        = "曹操"
+    ### PEOPLE.item["曹操"].nick        = "孟德"
+    ### PEOPLE.item["曹操"].birth       = 155
+    ### PEOPLE.item["曹操"].death       = 220
+    ### PEOPLE.item["曹操"].birthplace  = "沛國譙縣"
+    ### PEOPLE.item["曹操"].desc        = "曹操生於官宦世家，..略..."
+    ### PEOPLE.item["曹操"].kingdom     = "魏"
+    ### PEOPLE.item["曹操"].event_ids   = [3 , 4 , 9 , 10 , 13 , 17 , 19 , 21 , 22 , 23 , 24 ]
+    ### PEOPLE.item["曹操"].element_ids = [2 , 3 , 9 , 10 , 11 , 14 , 23 , 25 , 29 , 30 , 32 , 34]
+    ### PEOPLE.item["曹操"].pic         = "http://laiba.tianya.cn/laiba/images/274/12295005301924842653/A/1/o.png"
+    ### PEOPLE.item["曹操"].digest      = null
+    ### PEOPLE.item["曹操"].event       = null;
+    ### PEOPLE.item["曹操"].center      = GLatLng(31.224 , 112.818)
+    ### PEOPLE.item["曹操"].node        = PeopleNode($('#character_list'), this); ## 在 character_list 底下加入 DOM
+    ### PEOPLE.item["曹操"].is_shown    = true;
+
         PEOPLE.setItem(people.name, people);
         PEOPLE_ARRAY.push(people);
       });
+
       ## 把 LOAD_STATES 加 1 - 此時 LOAD_STATES = 3
       LoadDone(); 
@@ -465 +535 @@
   };
 }}}
-