[prev in list] [next in list] [prev in thread] [next in thread] 

List:       kde-commits
Subject:    www/sites/www-devel/community/history
From:       Rainer Endres <endres () physos ! org>
Date:       2010-02-09 13:37:27
Message-ID: 1265722647.516559.16168.nullmailer () svn ! kde ! org
[Download RAW message or body]

SVN commit 1087738 by endres:


        Crude test of a timeline on the history page



 M  +44 -0     index.php  
 A             timeline.xml  


--- trunk/www/sites/www-devel/community/history/index.php #1087737:1087738
@@ -44,6 +44,49 @@
 
 <h2>Timeline</h2>
 
+    <script src="http://static.simile.mit.edu/timeline/api-2.3.0/timeline-api.js?bundle=true" \
type="text/javascript"></script> +    <script type="text/javascript">
+      var tl;
+      window.onload = function onLoad() {
+        var eventSource = new Timeline.DefaultEventSource();
+        var bandInfos = [
+          Timeline.createBandInfo({
+            eventSource:    eventSource,
+            date:           "Oct 14 1996 00:00:00 GMT",
+            width:          "70%", 
+            intervalUnit:   Timeline.DateTime.MONTH, 
+            intervalPixels: 70
+          }),
+          Timeline.createBandInfo({
+	    overview:       true,
+            eventSource:    eventSource,
+            date:           "Oct 14 1996 00:00:00 GMT",
+            width:          "30%", 
+            intervalUnit:   Timeline.DateTime.YEAR, 
+            intervalPixels: 70
+          })
+        ];
+
+        bandInfos[1].syncWith = 0;
+        bandInfos[1].highlight = true;
+
+      tl = Timeline.create(document.getElementById("kde-timeline"), bandInfos);
+      Timeline.loadXML("timeline.xml", function(xml, url) { eventSource.loadXML(xml, \
url); }) +      }
+
+      var resizeTimerID = null;
+      window.onresize = function onResize() {
+        if (resizeTimerID == null) {
+          resizeTimerID = window.setTimeout(function() {
+             resizeTimerID = null;
+             tl.layout();
+          }, 500);
+        }
+      }
+    </script>
+
+    <div id="kde-timeline" style="height: 150px; border: 1px solid #aaa"></div>
+    <noscript>
 <ul>
 <li>KDE was founded in October 1996. <a \
href="../../announcements/announcement.php">Its announcement</a> is dated 14th \
October 1996.</li>  <li>August 15, 1997: <a \
href="http://community.kde.org/KDE_Project_History/KDE_One_(Developer_Meeting)">KDE-ONE</a> \
in Arnsberg, Germany, 15 participants</li> @@ -163,6 +206,7 @@
 <li><a href="../../announcements/announce-4.3.5.php">4.3.5</a> was released on \
January 26th, 2010</li>  <li><a href="../../announcements/announce-4.4-rc3.php">4.4 \
RC 3</a> was released on February 1st, 2010</li>  </ul>
+    </noscript>
 
 
 <?php


[prev in list] [next in list] [prev in thread] [next in thread]