From 20dfb4699217823a8bd481873572e312804f2ddf Mon Sep 17 00:00:00 2001
From: Phyks <webmaster@phyks.me>
Date: Tue, 8 Apr 2014 22:54:24 +0200
Subject: [PATCH] Update examples

---
 examples/index.html  |  2 +-
 examples/index2.html |  2 +-
 examples/index3.html |  2 +-
 examples/index4.html | 23 +++++++++++++++++++++++
 examples/index5.html | 23 +++++++++++++++++++++++
 examples/index6.html | 23 +++++++++++++++++++++++
 examples/index7.html | 23 +++++++++++++++++++++++
 7 files changed, 95 insertions(+), 3 deletions(-)
 create mode 100644 examples/index4.html
 create mode 100644 examples/index5.html
 create mode 100644 examples/index6.html
 create mode 100644 examples/index7.html
diff --git a/examples/index.html b/examples/index.html
index ec9ab6b..58f70e6 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -10,7 +10,7 @@
 </head>
 <body onload="">
     <div id="holder"></div>
-    <script type="text/javascript" src="../timeline.js"></script>
+    <script type="text/javascript" src="https://raw.githubusercontent.com/Phyks/timeline.js/master/timeline.min.js"></script>
     <script type="text/javascript">
         SVG.init({'id': 'holder', 'height': '100%', 'width': '100%', 'grid': 'both', 'x_axis': true, 'line': 'line', 'rounded': false, 'fill': true, 'x_callback': false});
 
diff --git a/examples/index2.html b/examples/index2.html
index a930de8..129640a 100644
--- a/examples/index2.html
+++ b/examples/index2.html
@@ -10,7 +10,7 @@
 </head>
 <body onload="">
     <div id="holder"></div>
-    <script type="text/javascript" src="../timeline.js"></script>
+    <script type="text/javascript" src="https://raw.githubusercontent.com/Phyks/timeline.js/master/timeline.min.js"></script>
     <script type="text/javascript">
         SVG.init({'id': 'holder', 'height': '100%', 'width': '100%', 'grid': 'both', 'x_axis': true, 'line': 'line', 'rounded': false, 'fill': true, 'x_callback': false});
 
diff --git a/examples/index3.html b/examples/index3.html
index 7d13f89..3a1b86a 100644
--- a/examples/index3.html
+++ b/examples/index3.html
@@ -10,7 +10,7 @@
 </head>
 <body onload="">
     <div id="holder"></div>
-    <script type="text/javascript" src="../timeline.js"></script>
+    <script type="text/javascript" src="https://raw.githubusercontent.com/Phyks/timeline.js/master/timeline.min.js"></script>
     <script type="text/javascript">
         SVG.init({'id': 'holder', 'height': '100%', 'width': '100%', 'grid': 'both', 'x_axis': true, 'line': 'line', 'rounded': true, 'fill': true, 'x_callback': false});
 
diff --git a/examples/index4.html b/examples/index4.html
new file mode 100644
index 0000000..d571a89
--- /dev/null
+++ b/examples/index4.html
@@ -0,0 +1,23 @@
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Timeline.js example</title>
+    <style type="text/css">
+        body {
+            background-color: #333;
+        }
+    </style>
+</head>
+<body onload="">
+    <div id="holder"></div>
+    <script type="text/javascript" src="https://raw.githubusercontent.com/Phyks/timeline.js/master/timeline.min.js"></script>
+    <script type="text/javascript">
+        SVG.init({'id': 'holder', 'height': '100%', 'width': '100%', 'grid': 'both', 'x_axis': true, 'line': 'dashed', 'rounded': false, 'fill': true, 'x_callback': false});
+
+        SVG.addGraph('test', 'red');
+        SVG.addPoints('test', [{'x':200, 'y':50, 'label':'%x : %y test. Click me !', 'click': function() { alert('Hello World…'); }},{'x':75, 'y':100, 'label':'%x : %y test2'},{'x':150,'y':25, 'label':'%x : %y test3'},{'x':175, 'y':-200, 'label':'%x : %y test4'},{'x':125, 'y':75, 'label':'%x : %y µg/m<sup>3</sup>'},{'x':225, 'y':-220, 'label':'%x : %y test4'}]);
+        
+        SVG.draw();
+    </script>
+</body>
+</html>
diff --git a/examples/index5.html b/examples/index5.html
new file mode 100644
index 0000000..bbd0a2a
--- /dev/null
+++ b/examples/index5.html
@@ -0,0 +1,23 @@
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Timeline.js example</title>
+    <style type="text/css">
+        body {
+            background-color: #333;
+        }
+    </style>
+</head>
+<body onload="">
+    <div id="holder"></div>
+    <script type="text/javascript" src="https://raw.githubusercontent.com/Phyks/timeline.js/master/timeline.min.js"></script>
+    <script type="text/javascript">
+        SVG.init({'id': 'holder', 'height': '100%', 'width': '100%', 'grid': 'both', 'x_axis': true, 'line': 'none', 'rounded': false, 'fill': false, 'x_callback': false});
+
+        SVG.addGraph('test', 'red');
+        SVG.addPoints('test', [{'x':200, 'y':50, 'label':'%x : %y test. Click me !', 'click': function() { alert('Hello World…'); }},{'x':75, 'y':100, 'label':'%x : %y test2'},{'x':150,'y':25, 'label':'%x : %y test3'},{'x':175, 'y':-200, 'label':'%x : %y test4'},{'x':125, 'y':75, 'label':'%x : %y µg/m<sup>3</sup>'},{'x':225, 'y':-220, 'label':'%x : %y test4'}]);
+        
+        SVG.draw();
+    </script>
+</body>
+</html>
diff --git a/examples/index6.html b/examples/index6.html
new file mode 100644
index 0000000..83f6bd1
--- /dev/null
+++ b/examples/index6.html
@@ -0,0 +1,23 @@
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Timeline.js example</title>
+    <style type="text/css">
+        body {
+            background-color: #333;
+        }
+    </style>
+</head>
+<body onload="">
+    <div id="holder"></div>
+    <script type="text/javascript" src="https://raw.githubusercontent.com/Phyks/timeline.js/master/timeline.min.js"></script>
+    <script type="text/javascript">
+        SVG.init({'id': 'holder', 'height': '100%', 'width': '100%', 'grid': 'both', 'x_axis': true, 'line': 'none', 'rounded': false, 'fill': false, 'x_callback': function(x) { return x;}});
+
+        SVG.addGraph('test', 'red');
+        SVG.addPoints('test', [{'x':200, 'y':50, 'label':'%x : %y test. Click me !', 'click': function() { alert('Hello World…'); }},{'x':75, 'y':100, 'label':'%x : %y test2'},{'x':150,'y':25, 'label':'%x : %y test3'},{'x':175, 'y':-200, 'label':'%x : %y test4'},{'x':125, 'y':75, 'label':'%x : %y µg/m<sup>3</sup>'},{'x':225, 'y':-220, 'label':'%x : %y test4'}]);
+        
+        SVG.draw();
+    </script>
+</body>
+</html>
diff --git a/examples/index7.html b/examples/index7.html
new file mode 100644
index 0000000..d34af42
--- /dev/null
+++ b/examples/index7.html
@@ -0,0 +1,23 @@
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Timeline.js example</title>
+    <style type="text/css">
+        body {
+            background-color: #333;
+        }
+    </style>
+</head>
+<body onload="">
+    <div id="holder"></div>
+    <script type="text/javascript" src="https://raw.githubusercontent.com/Phyks/timeline.js/master/timeline.min.js"></script>
+    <script type="text/javascript">
+        SVG.init({'id': 'holder', 'height': '100%', 'width': '100%', 'grid': 'both', 'x_axis': true, 'line': 'none', 'rounded': false, 'fill': false, 'x_callback': false});
+
+        SVG.addGraph('test', 'red');
+        SVG.addPoints('test', [{'x':200, 'y':50, 'label':'Click me !', 'click': function() { alert('Hello World…'); }},{'x':75, 'y':100, 'label':'Click me !', 'click': function() { alert('Hello World…'); }},{'x':150,'y':25, 'label':'Click me !', 'click': function() { alert('Hello World…'); }},{'x':175, 'y':-200, 'label':'Click me !', 'click': function() { alert('Hello World…'); }},{'x':125, 'y':75, 'label':'Click me !', 'click': function() { alert('Hello World…'); }},{'x':225, 'y':-220, 'label':'Click me !', 'click': function() { alert('Hello World…'); }}]);
+        
+        SVG.draw();
+    </script>
+</body>
+</html>
