jquery/no_pager/search.html

<HTML>
<HEAD>
        <META CONTENT="text/html; charset=utf-8" HTTP-EQUIV="Content-Type">
    
        <TITLE>No pager</TITLE>
        <base href="<% $q->url() %>">
        <LINK HREF="style.css" TYPE="text/css" REL="stylesheet">

        <SCRIPT SRC="jquery.js" TYPE="text/javascript"></SCRIPT>
        <SCRIPT SRC="utils.js" TYPE="text/javascript"></SCRIPT>
        <SCRIPT src="no_pager.js" TYPE="text/javascript" />

</script>
</HEAD>
<BODY>
    
<div style="border: 1px solid #ccc; background-color: #ff8; display: block; position: fixed; right: 0px; bottom: 0px; width: 10em; height: 20em; padding: 0.5em;" id="debug">
</div>

    
<div style="border-bottom: 1px solid #ccc; background-color: #eee; display: block; position: fixed; left: 0px; top: 0px; width: 100%; height: 2em; padding: 0.5em;">

        <FORM id="search_form" ACTION="" METHOD="get">

                <INPUT AUTOCOMPLETE="off" NAME="search" TYPE="input" ID="search" VALUE="<% $q->param('search') %>">
                
                <INPUT TYPE="submit" CLASS="submit" VALUE="search">

                <span id="status" class="note">
                <% $v->{status} %>
                </span>
                
        </FORM>

</div>

<div style="margin-top: 3em;">
        <!-- Dynamic Content -->
        
        <% $get_results %>

        <DIV ID="more_history">

                <% $json %>

                <NOSCRIPT>
                Javascript is required for no pager to work.
                <br/>
                Here should be implementation of non-javascript fallback,
                but it doesn't exist yet.
                </NOSCRIPT>
        </DIV>

        <!-- Back Button Content -->
        <DIV STYLE="position:absolute;top:0px;left:0px;visibility:hidden;" ID="spacer">space</DIV>
        <!-- footer at end of results -->
        <DIV STYLE="display:none;" ID="footer">
        Thanks for trying out no pager. Hope you like it.
        </div>

</div>

</BODY>
</HTML>
1	<HTML>
2	<HEAD>
3	<META CONTENT="text/html; charset=utf-8" HTTP-EQUIV="Content-Type">
4
5	<TITLE>No pager</TITLE>
6	<base href="<% $q->url() %>">
7	<LINK HREF="style.css" TYPE="text/css" REL="stylesheet">
8
9	<SCRIPT SRC="jquery.js" TYPE="text/javascript"></SCRIPT>
10	<SCRIPT SRC="utils.js" TYPE="text/javascript"></SCRIPT>
11	<SCRIPT src="no_pager.js" TYPE="text/javascript" />
12
13	</script>
14	</HEAD>
15	<BODY>
16
17	<div style="border: 1px solid #ccc; background-color: #ff8; display: block; position: fixed; right: 0px; bottom: 0px; width: 10em; height: 20em; padding: 0.5em;" id="debug">
18	</div>
19
20
21	<div style="border-bottom: 1px solid #ccc; background-color: #eee; display: block; position: fixed; left: 0px; top: 0px; width: 100%; height: 2em; padding: 0.5em;">
22
23	<FORM id="search_form" ACTION="" METHOD="get">
24
25	<INPUT AUTOCOMPLETE="off" NAME="search" TYPE="input" ID="search" VALUE="<% $q->param('search') %>">
26
27	<INPUT TYPE="submit" CLASS="submit" VALUE="search">
28
29	<span id="status" class="note">
30	<% $v->{status} %>
31	</span>
32
33	</FORM>
34
35	</div>
36
37	<div style="margin-top: 3em;">
38	<!-- Dynamic Content -->
39
40	<% $get_results %>
41
42	<DIV ID="more_history">
43
44	<% $json %>
45
46	<NOSCRIPT>
47	Javascript is required for no pager to work.
48	<br/>
49	Here should be implementation of non-javascript fallback,
50	but it doesn't exist yet.
51	</NOSCRIPT>
52	</DIV>
53
54	<!-- Back Button Content -->
55	<DIV STYLE="position:absolute;top:0px;left:0px;visibility:hidden;" ID="spacer">space</DIV>
56	<!-- footer at end of results -->
57	<DIV STYLE="display:none;" ID="footer">
58	Thanks for trying out no pager. Hope you like it.
59	</div>
60
61	</div>
62
63	</BODY>
64	</HTML>