Changeset 60 for oceandb/jQuery_Prototype

Timestamp:

Feb 18, 2009, 1:20:27 PM (16 years ago)

Author:

jazz

Message:

• 新增視窗大小改變事件處理函式

Location:

oceandb/jQuery_Prototype

Files:

• index.css (modified) (1 diff)
• index.html (modified) (1 diff)
• script/oceandb.js (modified) (2 diffs)

oceandb/jQuery_Prototype/index.css

@@ -19 +19 @@
 #copyright    { float: left;  margin-left:  5px; height: 100%; vertical-align: middle; }
 #logos        { float: right; margin-right: 5px; }
-#logos img    { border: none; height: 23px; }
+#logos img    { border: none; height: 28px; }

oceandb/jQuery_Prototype/index.html

@@ -9 +9 @@
     <link rel="stylesheet" type="text/css" href="index.css" />
     <link rel="stylesheet" type="text/css" href="css/theme/ui.all.css" />
-    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAREq2HXjZzIdAyVORbKBYMhTfzQKfMm5eNRoty1ZKt0XEeQdtXxTxlSH6lZOV7UEfIym3ft5_EnXXDw" type="text/javascript"></script>
+    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAREq2HXjZzIdAyVORbKBYMhS0opoRyiGs9EYG_2S3darp9jU7AxQMTZii5Zwk4YWMLsJgow_aq10QxA" type="text/javascript"></script>
     <script src="script/jquery.js"  language="javascript"></script>
     <script src="script/jquery-ui.js"  language="javascript"></script>

oceandb/jQuery_Prototype/script/oceandb.js

@@ +1 @@
+// 註冊 onReady Event
+// 參考: http://docs.jquery.com/Events
 $(document).ready(function() {
+
+  // 顯示 Loading 字樣
+
+  // 設定地圖高度
+  var map_height=document.documentElement.clientHeight - 68;
+  $('#main').css( { height: map_height } );
+
+  // 設定左側選單的 Accordion 風格
+  $('#map-menu').accordion({ header: "h3" });
+
+  // 設定點選 "MENU" 的行為
   $('#btnMenu').click(function()
   {
@@ -11 +24 @@
     }
   });
+});
 
-  $('#map-menu').accordion({ header: "h3" });
+// 註冊 window 物件的 onResize Event
+// 參考: http://docs.jquery.com/Events
+$(window).resize(function() {
+  // 當改變瀏覽器大小時，重新設定地圖高度
+  var map_height=document.documentElement.clientHeight - 68;
+  $('#main').css( { height: map_height } );
 });