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 id="debug" class="debug">
<a class="hide" href="#" onclick="javascript:$('#debug').toggle(); $('#debug_show').toggle(); return false;">X</a>
</div>
<div id="debug_show" class="debug">
<a class="hide" href="#" onclick="javascript:$('#debug').toggle(); $('#debug_show').toggle(); return false;">?</a>
</div>


<div id="search_form_div">

        <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 id="debug" class="debug">
32	<a class="hide" href="#" onclick="javascript:$('#debug').toggle(); $('#debug_show').toggle(); return false;">X</a>
33	</div>
34	<div id="debug_show" class="debug">
35	<a class="hide" href="#" onclick="javascript:$('#debug').toggle(); $('#debug_show').toggle(); return false;">?</a>
36	</div>
37
38
39	<div id="search_form_div">
40
41	<FORM id="search_form" ACTION="" METHOD="get">
42
43	<INPUT AUTOCOMPLETE="off" NAME="search" TYPE="input" ID="search" VALUE="<% $q->param('search') %>">
44
45	<% sort_order %>
46
47	<INPUT TYPE="submit" CLASS="submit" VALUE="search">
48
49	<span id="status" class="note">
50	<% $v->{status} %>
51	</span>
52
53	</FORM>
54
55	</div>
56
57	<div style="margin-top: 3em;">
58	<!-- Dynamic Content -->
59
60	<% $get_results %>
61
62	<!-- Back Button Content -->
63	<DIV STYLE="position:absolute;top:0px;left:0px;visibility:hidden;" ID="spacer">space</DIV>
64	<!-- footer at end of results -->
65	<DIV STYLE="display:none;" ID="footer">
66	Thanks for trying out no pager. Hope you like it.
67	</div>
68
69	</div>
70
71	</BODY>
72	</HTML>