Add example

2015-11-13 10:40:59 +11:00
parent ad6292fffb
commit b20ee2261e
5 changed files with 69 additions and 2 deletions
--- a/example/example.js
+++ b/example/example.js
@@ -0,0 +1,25 @@
+console.log('Document initialized:', window.location.href)
+
+document.addEventListener('pjax:send', function () {
+  console.log('Event: pjax:send', arguments)
+})
+
+document.addEventListener('pjax:complete', function () {
+  console.log('Event: pjax:complete', arguments)
+})
+
+document.addEventListener('pjax:error', function () {
+  console.log('Event: pjax:error', arguments)
+})
+
+document.addEventListener('pjax:success', function () {
+  console.log('Event: pjax:success', arguments)
+})
+
+document.addEventListener('DOMContentLoaded', function () {
+  var pjax = new Pjax({
+    selectors: ['.body']
+  })
+  console.log('Pjax initialized.', pjax)
+})
+
--- a/example/index.html
+++ b/example/index.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset='utf-8'>
+    <title>Hello</title>
+    <script src='../pjax.js'></script>
+    <script src='example.js'></script>
+  </head>
+  <body>
+    <div class='body'>
+      <h1>Index</h1>
+      hello. Go to <a href='page2.html'>Page 2</a> and view your console to see Pjax events.
+    </div>
+  </body>
+</html>
--- a/example/page2.html
+++ b/example/page2.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset='utf-8'>
+    <title>Hello</title>
+    <script src='../pjax.js'></script>
+    <script src='example.js'></script>
+  </head>
+  <body>
+    <div class='body'>
+      <h1>Page 2</h1>
+      Hello. Go to <a href='index.html'>Index</a>.
+    </div>
+  </body>
+</html>