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	dpavlin	2	<HTML>
2			<HEAD>
3
4	dpavlin	22	<META CONTENT="text/html; charset=utf-8" HTTP-EQUIV="Content-Type">
5	dpavlin	2
6	dpavlin	22	<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	dpavlin	2	</script>
27	dpavlin	22
28	dpavlin	2	</HEAD>
29			<BODY>
30
31	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">
32			</div>
33
34	dpavlin	2
35	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;">
36	dpavlin	2
37			<FORM id="search_form" ACTION="" METHOD="get">
38
39	dpavlin	15	<INPUT AUTOCOMPLETE="off" NAME="search" TYPE="input" ID="search" VALUE="<% $q->param('search') %>">
40	dpavlin	20
41			<% sort_order %>
42
43	dpavlin	2	<INPUT TYPE="submit" CLASS="submit" VALUE="search">
44	dpavlin	9
45			<span id="status" class="note">
46	dpavlin	15	<% $v->{status} %>
47	dpavlin	9	</span>
48	dpavlin	2
49			</FORM>
50	dpavlin	8
51			</div>
52	dpavlin	11
53	dpavlin	8	<div style="margin-top: 3em;">
54	dpavlin	2	<!-- Dynamic Content -->
55	dpavlin	18
56	dpavlin	15	<% $get_results %>
57
58	dpavlin	2	<!-- 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	dpavlin	8	</div>
66
67	dpavlin	2	</BODY>
68			</HTML>