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	dpavlin	2	<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	dpavlin	9	<LINK HREF="style.css" TYPE="text/css" REL="stylesheet">
8	dpavlin	2
9	dpavlin	11	<SCRIPT SRC="jquery.js" TYPE="text/javascript"></SCRIPT>
10	dpavlin	2	<SCRIPT SRC="utils.js" TYPE="text/javascript"></SCRIPT>
11	dpavlin	3	<SCRIPT src="no_pager.js" TYPE="text/javascript" />
12	dpavlin	2
13			</script>
14			</HEAD>
15			<BODY>
16
17	dpavlin	11	<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	dpavlin	2
21	dpavlin	8	<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	dpavlin	2
23			<FORM id="search_form" ACTION="" METHOD="get">
24
25	dpavlin	15	<INPUT AUTOCOMPLETE="off" NAME="search" TYPE="input" ID="search" VALUE="<% $q->param('search') %>">
26	dpavlin	2
27			<INPUT TYPE="submit" CLASS="submit" VALUE="search">
28	dpavlin	9
29			<span id="status" class="note">
30	dpavlin	15	<% $v->{status} %>
31	dpavlin	9	</span>
32	dpavlin	2
33			</FORM>
34	dpavlin	8
35			</div>
36	dpavlin	11
37	dpavlin	8	<div style="margin-top: 3em;">
38	dpavlin	2	<!-- Dynamic Content -->
39
40	dpavlin	15	<% $get_results %>
41
42	dpavlin	2	<DIV ID="more_history">
43	dpavlin	15
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	dpavlin	2	</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	dpavlin	8	</div>
62
63	dpavlin	2	</BODY>
64			</HTML>