mirror of
https://github.com/EnixCoda/Gitako.git
synced 2026-03-11 08:54:44 +00:00
chore(PJAX): remove examples
This commit is contained in:
EnixCoda
parent
49aaa1060b
commit
bcb8cb51c0
5 changed files with 0 additions and 258 deletions
|
|
@ -1,61 +0,0 @@
|
|||
/* global Pjax */
|
||||
var pjax;
|
||||
var initButtons = function() {
|
||||
var buttons = document.querySelectorAll("button[data-manual-trigger]")
|
||||
|
||||
if (!buttons) {
|
||||
return
|
||||
}
|
||||
|
||||
// jshint -W083
|
||||
for (var i = 0; i < buttons.length; i++) {
|
||||
buttons[i].addEventListener("click", function(e) {
|
||||
var el = e.currentTarget
|
||||
|
||||
if (el.getAttribute("data-manual-trigger-override") === "true") {
|
||||
// Manually load URL with overridden Pjax instance options
|
||||
pjax.loadUrl("/example/page2.html", {cacheBust: false})
|
||||
}
|
||||
else
|
||||
{
|
||||
// Manually load URL with current Pjax instance options
|
||||
pjax.loadUrl("/example/page2.html")
|
||||
}
|
||||
})
|
||||
}
|
||||
// jshint +W083
|
||||
}
|
||||
|
||||
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)
|
||||
|
||||
// Init page content
|
||||
initButtons()
|
||||
})
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
// Init Pjax instance
|
||||
pjax = new Pjax({
|
||||
elements: [".js-Pjax"],
|
||||
selectors: [".body", "title"],
|
||||
cacheBust: true
|
||||
})
|
||||
console.log("Pjax initialized.", pjax)
|
||||
|
||||
// Init page content
|
||||
initButtons()
|
||||
})
|
||||
|
|
@ -1,138 +0,0 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Forms</title>
|
||||
<script src="../pjax.js"></script>
|
||||
<script src="example.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="body">
|
||||
<h1>Forms</h1>
|
||||
Hello. Try out the examples below and inspect the results in your browser's developer tools, or go to the <a href="index.html" class="js-Pjax">Index</a>.
|
||||
|
||||
<h3>GET form</h3>
|
||||
|
||||
<form action="" method="get" class="js-Pjax" id="get-form">
|
||||
<label for="get-form-text">Text input:</label>
|
||||
<input type="text" name="textInput" id="get-form-text" value="Foobar" />
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<label for="get-form-number">Number input:</label>
|
||||
<input type="number" name="numberInput" id="get-form-number" value="1" />
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<label for="get-form-email">Email input:</label>
|
||||
<input type="email" name="emailInput" id="get-form-email" value="example@example.com" />
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<label for="get-form-textarea">Textarea:</label>
|
||||
<textarea name="textarea" id="get-form-textarea">This is some text</textarea>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<fieldset>
|
||||
<label for="get-form-radio-1">Radio input:</label>
|
||||
<input type="radio" name="radioInput" value="radio-1" checked id="get-form-radio-1" />
|
||||
|
||||
<label for="get-form-radio-2">Radio input alt:</label>
|
||||
<input type="radio" name="radioInput" value="radio-2" id="get-form-radio-2" />
|
||||
</fieldset>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<label for="get-form-checkbox">Checkbox input:</label>
|
||||
<input type="checkbox" name="checkboxInput" checked id="get-form-checkbox" />
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<label for="get-form-select">Select list:</label>
|
||||
<select multiple name="select" id="get-form-select">
|
||||
<option>
|
||||
Option 1
|
||||
</option>
|
||||
<option>
|
||||
Option 2
|
||||
</option>
|
||||
</select>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<h3>POST form</h3>
|
||||
|
||||
<form action="" method="post" class="js-Pjax" id="post-form">
|
||||
<label for="post-form-text">Text input:</label>
|
||||
<input type="text" name="textInput" id="post-form-text" value="Foobar" />
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<label for="post-form-number">Number input:</label>
|
||||
<input type="number" name="numberInput" id="post-form-number" value="1" />
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<label for="post-form-email">Email input:</label>
|
||||
<input type="email" name="emailInput" id="post-form-email" value="example@example.com" />
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<label for="post-form-textarea">Textarea:</label>
|
||||
<textarea name="textarea" id="post-form-textarea">This is some text</textarea>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<fieldset>
|
||||
<label for="post-form-radio-1">Radio input:</label>
|
||||
<input type="radio" name="radioInput" value="radio-1" checked id="post-form-radio-1" />
|
||||
|
||||
<label for="post-form-radio-2">Radio input alt:</label>
|
||||
<input type="radio" name="radioInput" value="radio-2" id="post-form-radio-2" />
|
||||
</fieldset>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<label for="post-form-checkbox">Checkbox input:</label>
|
||||
<input type="checkbox" name="checkboxInput" checked id="post-form-checkbox" />
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<label for="post-form-select">Select list:</label>
|
||||
<select multiple name="select" id="post-form-select">
|
||||
<option>
|
||||
Option 1
|
||||
</option>
|
||||
<option>
|
||||
Option 2
|
||||
</option>
|
||||
</select>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<input type="submit" value="Submit" />
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
<!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" class="js-Pjax">Page 2</a> or <a href="page3.html" class="js-Pjax">Page 3</a> and view your console to see Pjax events.
|
||||
Clicking on <a href="index.html">this page</a> will do nothing.
|
||||
|
||||
<h2>Manual URL loading</h2>
|
||||
|
||||
You can use Pjax's <i>loadUrl</i> method to manually load a URL. Click the buttons below to try it out!<br /><br />
|
||||
|
||||
<button data-manual-trigger>loadUrl with current options</button><br /><br />
|
||||
<button data-manual-trigger data-manual-trigger-override="true">loadUrl with overridden options (no cache busting)</button>
|
||||
|
||||
<h2>Forms</h2>
|
||||
|
||||
You can submit GET or POST forms with Pjax! Go to the <a href="forms.html">form examples</a> to try it out.
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Page 2</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" class="js-Pjax">Index</a>.
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Page 3</title>
|
||||
<script src="../pjax.js"></script>
|
||||
<script src="example.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="body">
|
||||
<h1>Page 3</h1>
|
||||
Hello. Go to <a href="index.html" class="js-Pjax">Index</a>.
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue