manual/foo/index.html

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