manual/bar/index.html

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