index.html revision b5390ca8d67763a8c17c8dd688695774fb89826b
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin<!DOCTYPE html>
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin<html>
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin<head>
3e14f97f673e8a630f076077de35afdd43dc1587Roger A. Faulkner <meta charset="utf-8">
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin <title>pjax Test — Bar</title>
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin</head>
7c2fbfb345896881c631598ee3852ce9ce33fb07April Chin<body>
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin <h1>pjax Test</h1>
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin <p>Current Time: <strong id="now"></strong></p>
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin <div id="content">
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin <h2>Bar</h2>
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin <ul id="nav">
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin <li><a href="../">Index</a></li>
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin <li><a href="/foo/">Foo</a></li>
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin <li><a href="/bar/">Bar</a></li>
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin <li><a href="/baz/">Baz</a></li>
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin </ul>
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin </div>
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin <script src="/build/yui/yui.js"></script>
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin <script>
3e14f97f673e8a630f076077de35afdd43dc1587Roger A. Faulkner YUI({ filter: 'raw' }).use('pjax-plugin', function (Y) {
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin // Shows a timestamp so you notice full page reloads.
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin Y.one('#now').set('text', new Date());
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin // Plug-in the pjax.
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin Y.one('#content').plug(Y.Plugin.Pjax, {
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin contentSelector: '#content > *',
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin linkSelector : '#nav a'
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin });
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin });
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin </script>
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin</body>
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin</html>
da2e3ebdc1edfbc5028edf1354e7dd2fa69a7968chin