jquery/no_pager/no_pager.js

/*
        no pager, as seen at
        http://www.humanized.com/weblog/2006/04/28/reading_humanized/
        but using jquery

        2006-08-16 Dobrica Pavlinusic <dpavlin@rot13.org>
*/

var preloadDistance = 1000;
var isUpdating = false;
var isMouseDown = false;
var checker;
var v;
var cookie = 'no_pager';

/*
        function to log debugging information into debug div
*/

function logDebug( m1, m2 ) {
        var m = m1;
        if (m2) m += m2;
        if (m) $('#debug').append( '<small>'+m+'</small><br/>' );
}

function log( m1, m2 ) {
        var m = m1;
        if (m2) m += m2;
        m += '</br>'
        if (m) $('#debug').append( m );
}

function load_page() {
        setCookie(cookie+"_height", getScrollHeight() );
        setCookie(cookie+"_scroll", getScrollHeight() - _getWindowHeight() );

        if ( isUpdating == true
                || isMouseDown == true
                || getPageHeight() - getScrollHeight() > preloadDistance
                || v.page >= v.max_page
        ) return;

        v.page++;

        log(
                'Get page:' + v.page + '<br/>search: ' + v.search +
                ' PageHeight:' + getPageHeight() + ' ScrollHeight:' + getScrollHeight()
        );

        setCookie( cookie+'_page', v.page );
        isUpdating = true;

        $('#status').html(
                'Loading page '+ v.page + '...'
        );

        $.get(
                "index.cgi/snippet",
                {
                        page: v.page,
                        search: v.search
                },
                function ( response ) {
                        
                        $('#next_page').html( response );

                        eval( 'v=' + $('#json').val() );

                        isUpdating = false;
                        $('#status').html( v.status );
                }
        );


}

/*
        bind events and init no_pager
*/

$(document).ready( function() {

        logDebug( 'no_page binding events' );

        eval( 'v=' + $('#json').val() );

        var cookie_id = getCookie(cookie+'_id') || 0;

        logDebug("Page ID:", v.id);
        logDebug("Page Cookie:", cookie_id);

        var fromBackButton = false;
        if ( cookie_id == v.id ) {
                fromBackButton = true;
        } else {
                setCookie(cookie+'_id', v.id);
        }

        logDebug("From Back Button?:", fromBackButton);
        if ( fromBackButton ) {
                logDebug( 'Load ' + getCookie(cookie+'_page') + ' pages');
                logDebug( 'Scroll to:' + getCookie(cookie+'_scroll') );
                $('#spacer').height( getCookie(cookie+'_height')+"px" );
                scroll( 0, getCookie(cookie+'_scroll') );
        }

        $(window).mousedown( function () {
                isMouseDown = true;
        });
        $(window).mouseup( function () {
                isMouseDown = false;
        });

        checker = setInterval(function () {
                load_page();
        }, 100);


});

1	/*
2	no pager, as seen at
3	http://www.humanized.com/weblog/2006/04/28/reading_humanized/
4	but using jquery
5
6	2006-08-16 Dobrica Pavlinusic <dpavlin@rot13.org>
7	*/
8
9	var preloadDistance = 1000;
10	var isUpdating = false;
11	var isMouseDown = false;
12	var checker;
13	var v;
14	var cookie = 'no_pager';
15
16	/*
17	function to log debugging information into debug div
18	*/
19
20	function logDebug( m1, m2 ) {
21	var m = m1;
22	if (m2) m += m2;
23	if (m) $('#debug').append( '<small>'+m+'</small><br/>' );
24	}
25
26	function log( m1, m2 ) {
27	var m = m1;
28	if (m2) m += m2;
29	m += '</br>'
30	if (m) $('#debug').append( m );
31	}
32
33	function load_page() {
34	setCookie(cookie+"_height", getScrollHeight() );
35	setCookie(cookie+"_scroll", getScrollHeight() - _getWindowHeight() );
36
37	if ( isUpdating == true
38	\|\| isMouseDown == true
39	\|\| getPageHeight() - getScrollHeight() > preloadDistance
40	\|\| v.page >= v.max_page
41	) return;
42
43	v.page++;
44
45	log(
46	'Get page:' + v.page + '<br/>search: ' + v.search +
47	' PageHeight:' + getPageHeight() + ' ScrollHeight:' + getScrollHeight()
48	);
49
50	setCookie( cookie+'_page', v.page );
51	isUpdating = true;
52
53	$('#status').html(
54	'Loading page '+ v.page + '...'
55	);
56
57	$.get(
58	"index.cgi/snippet",
59	{
60	page: v.page,
61	search: v.search
62	},
63	function ( response ) {
64
65	$('#next_page').html( response );
66
67	eval( 'v=' + $('#json').val() );
68
69	isUpdating = false;
70	$('#status').html( v.status );
71	}
72	);
73
74
75	}
76
77	/*
78	bind events and init no_pager
79	*/
80
81	$(document).ready( function() {
82
83	logDebug( 'no_page binding events' );
84
85	eval( 'v=' + $('#json').val() );
86
87	var cookie_id = getCookie(cookie+'_id') \|\| 0;
88
89	logDebug("Page ID:", v.id);
90	logDebug("Page Cookie:", cookie_id);
91
92	var fromBackButton = false;
93	if ( cookie_id == v.id ) {
94	fromBackButton = true;
95	} else {
96	setCookie(cookie+'_id', v.id);
97	}
98
99	logDebug("From Back Button?:", fromBackButton);
100	if ( fromBackButton ) {
101	logDebug( 'Load ' + getCookie(cookie+'_page') + ' pages');
102	logDebug( 'Scroll to:' + getCookie(cookie+'_scroll') );
103	$('#spacer').height( getCookie(cookie+'_height')+"px" );
104	scroll( 0, getCookie(cookie+'_scroll') );
105	}
106
107	$(window).mousedown( function () {
108	isMouseDown = true;
109	});
110	$(window).mouseup( function () {
111	isMouseDown = false;
112	});
113
114	checker = setInterval(function () {
115	load_page();
116	}, 100);
117
118
119	});
120