Changeset 7652:45f4b870f75e

Timestamp:

11/08/07 18:49:11 (6 years ago)

Author:

Yi Qiang <yqiang@…>

Branch:

default

Message:

Added ajax history!

Location:

sage/dsage/web

Files:

• index.html (modified) (1 diff)
• static/dsage_web.js (modified) (3 diffs)
• static/jquery.history.js (added)

sage/dsage/web/index.html

@@ -11 +11 @@
         <script src='static/jquery-latest.js' type='text/javascript'></script>
         <script src='static/jquery.tablesorter.pack.js' type='text/javascript'></script>
+        <script src='static/jquery.history.js' type='text/javascript'></script>
+        
         <script src='static/dsage_web.js' type='text/javascript'></script>
 </head>

sage/dsage/web/static/dsage_web.js

@@ -10 +10 @@
     $('#job_details').hide();
     $('#help').hide();
+    $('#navigator').hide();
     $('#server_details').show();
-    $('#navigator').hide();
 }
 function getJobs (c) {
@@ -30 +30 @@
     $('#help').hide();
     $('#jobs_table').show();
+    $('#navigator').show();
 }
 
@@ -59 +60 @@
 }
 
+// PageLoad function
+// This function is called when:
+// 1. after calling $.historyInit();
+// 2. after calling $.historyLoad();
+// 3. after pushing "Go Back" button of a browser
+function pageload(hash) {
+        // hash doesn't contain the first # character.
+        if(hash) {
+                // restore ajax loaded state
+        if (hash=='jobs') {
+            showJobs()
+        }
+        else if (hash=='server') {
+            getServerDetails()
+        }
+        else if (hash=='help') {
+            getHelp()
+        }
+        } 
+        else {
+                // start page
+                showJobs()
+        }
+}
+
+function gethash (that) {
+    var hash = that.href;
+        hash = hash.replace(/^.*#/, '');
+        // moves to a new page. 
+        // pageload is called at once. 
+    $.historyLoad(hash);
+        return false;
+}
+
 $(document).ready(function() 
     { 
+        // Initialize history plugin.
+                // The callback is called at once by present location.hash. 
+                $.historyInit(pageload);
+                console.log('historyInit')
+                // set onlick event for buttons
+                $("a[@rel='history']").click(function() {gethash(this); });
+                console.log('setonclick')
         getJobs(count) // Run it the first time
-        showJobs() // Show jobs
+        // showJobs() // Show jobs
         // setInterval('getJobs(count)', 5000); // Update it every 5 seconds.  
     }