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>

<script type="text/javascript">
<!--

$(document).ready( function() {
        //log( 'hook onchange to #search_form' );
        $('#search_form').change( function() {
                //logDebug('submit #search_form');
                this.submit();
        });
});

//-->
</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') %>">

                <% sort_order %>

                <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 %>

        <!-- 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
4	<META CONTENT="text/html; charset=utf-8" HTTP-EQUIV="Content-Type">
5
6	<TITLE>No pager</TITLE>
7	<base href="<% $q->url() %>"/>
8	<LINK HREF="style.css" TYPE="text/css" REL="stylesheet" />
9
10	<SCRIPT SRC="jquery.js" TYPE="text/javascript"></SCRIPT>
11	<SCRIPT SRC="utils.js" TYPE="text/javascript"></SCRIPT>
12	<SCRIPT src="no_pager.js" TYPE="text/javascript"></SCRIPT>
13
14	<script type="text/javascript">
15	<!--
16
17	$(document).ready( function() {
18	//log( 'hook onchange to #search_form' );
19	$('#search_form').change( function() {
20	//logDebug('submit #search_form');
21	this.submit();
22	});
23	});
24
25	//-->
26	</script>
27
28	</HEAD>
29	<BODY>
30
31	<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">
32	</div>
33
34
35	<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;">
36
37	<FORM id="search_form" ACTION="" METHOD="get">
38
39	<INPUT AUTOCOMPLETE="off" NAME="search" TYPE="input" ID="search" VALUE="<% $q->param('search') %>">
40
41	<% sort_order %>
42
43	<INPUT TYPE="submit" CLASS="submit" VALUE="search">
44
45	<span id="status" class="note">
46	<% $v->{status} %>
47	</span>
48
49	</FORM>
50
51	</div>
52
53	<div style="margin-top: 3em;">
54	<!-- Dynamic Content -->
55
56	<% $get_results %>
57
58	<!-- Back Button Content -->
59	<DIV STYLE="position:absolute;top:0px;left:0px;visibility:hidden;" ID="spacer">space</DIV>
60	<!-- footer at end of results -->
61	<DIV STYLE="display:none;" ID="footer">
62	Thanks for trying out no pager. Hope you like it.
63	</div>
64
65	</div>
66
67	</BODY>
68	</HTML>