jquery/no_pager/no_pager.js

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

function favorite( image, feedID ){
        var makeFavorite;
        if (image.src.indexOf("fav_off.gif") != -1){
                image.src = "static/images/fav_on.gif";
                makeFavorite = "True";
        }
        else if (image.src.indexOf("fav_on.gif") != -1){
                image.src = "static/images/fav_off.gif";
                makeFavorite = "False";
        }
        doSimpleXMLHttpRequest("favorite", {id: feedID, makeFavorite: makeFavorite})
        
}

function getMoreHistory(){
        var indexVal = getElement("history_index").value;
        var xmlDoc = doSimpleXMLHttpRequest("index.cgi/snippet", {index: indexVal, q: document.getElementById('q').value });
        xmlDoc.addCallbacks(addMoreHistory, failure);
}

function failure(){
        var message = P( null, "" );
        message.innerHTML  = "<strong>Could not contact the Humanized server.</strong> <br />";
        message.innerHTML += "Please wait awhile and try again. <br /><br />";
        message.innerHTML += "We apologize for the inconvenience.";
        var el = getElement("more_history");

}

function addMoreHistory( xmlDoc ){
        var response = xmlDoc.responseText;

        var index_el = getElement("history_index");
        var indexVal = parseInt(index_el.value);

// minimum response length?
        if (response.length < 300){
                
           showElement("footer")
           if( indexVal > 0 ){
                   var out = H2({'style':'text-align:center; font-style:italic; padding: 2em;'},
                                                "No more results."
                                           );
           }else{
                   var out = H2({'style':'text-align:center; font-style:italic; padding: 2em;'},
                                                "No posts matched your search."
                                           );
           }
           replaceChildNodes( "more_history", out )
           return;
        }

        response += "<div id='more_history'>";
        response += "  <strong>More posts are being loaded...</strong> <br />";
        response += "  If you are using the scroll bar, release the mouse to see more posts.";
        response += "</div>"

        index_el.value = indexVal + 1;

        var new_history = DIV(null,"");
        new_history.innerHTML = response;
        swapDOM( "more_history", new_history );
        
        isUpdating = false;
}

function updatePage(){
        if ( isUpdating == false
                   && mouseState == "up"
                   && getPageHeight() - getScrollHeight() < preloadDistance){
        log("Getting segment: ", $("history_index").value);
        setCookie(id, $("history_index").value );
        isUpdating = true;
                getMoreHistory();
        }
        checker.cancel();
        checker = callLater(checkInterval, updatePage);
}


function onMouseDown(e ){
        mouseState = "down";
        setCookie(id+"_height", getScrollHeight() );
        setCookie(id+"_scroll", getScrollHeight() - _getWindowHeight() );
}

function onMouseUp(){
        mouseState = "up";
}

var checker;
var checkInterval = .2;
var preloadDistance = 1000;
var isUpdating = false;
var mouseState = "up";
var id;

function init( ){
        document.onmousedown = onMouseDown;
        document.onmouseup   = onMouseUp;

        //createLoggingPane(true);
        id = $("page_id").value;
        logDebug("Page ID:", id);
        logDebug("Page Cookie:", getCookie(id));
        
        var fromBackButton = false;
        if( getCookie(id) ){ fromBackButton = true; }
        else{ setCookie(id, "1") }

        logDebug("From Back Button?:", fromBackButton);
        if( fromBackButton ){
                logDebug( "Number of segments loaded: ", getCookie(id) );
                logDebug( "Should scroll to: ", getCookie(id+"_scroll") );
                $("spacer").style.height=getCookie(id+"_height")+"px";
                scroll( 0, getCookie(id+"_scroll") );                   
        }

        getElement("history_index").value = 0;
        checker = callLater(0, updatePage);
}

addLoadEvent(init);

1	/*
2	no pager, as seen at
3	http://www.humanized.com/weblog/2006/04/28/reading_humanized/
4	*/
5
6	function favorite( image, feedID ){
7	var makeFavorite;
8	if (image.src.indexOf("fav_off.gif") != -1){
9	image.src = "static/images/fav_on.gif";
10	makeFavorite = "True";
11	}
12	else if (image.src.indexOf("fav_on.gif") != -1){
13	image.src = "static/images/fav_off.gif";
14	makeFavorite = "False";
15	}
16	doSimpleXMLHttpRequest("favorite", {id: feedID, makeFavorite: makeFavorite})
17
18	}
19
20	function getMoreHistory(){
21	var indexVal = getElement("history_index").value;
22	var xmlDoc = doSimpleXMLHttpRequest("index.cgi/snippet", {index: indexVal, q: document.getElementById('q').value });
23	xmlDoc.addCallbacks(addMoreHistory, failure);
24	}
25
26	function failure(){
27	var message = P( null, "" );
28	message.innerHTML = "<strong>Could not contact the Humanized server.</strong> <br />";
29	message.innerHTML += "Please wait awhile and try again. <br /><br />";
30	message.innerHTML += "We apologize for the inconvenience.";
31	var el = getElement("more_history");
32
33	}
34
35	function addMoreHistory( xmlDoc ){
36	var response = xmlDoc.responseText;
37
38	var index_el = getElement("history_index");
39	var indexVal = parseInt(index_el.value);
40
41	// minimum response length?
42	if (response.length < 300){
43
44	showElement("footer")
45	if( indexVal > 0 ){
46	var out = H2({'style':'text-align:center; font-style:italic; padding: 2em;'},
47	"No more results."
48	);
49	}else{
50	var out = H2({'style':'text-align:center; font-style:italic; padding: 2em;'},
51	"No posts matched your search."
52	);
53	}
54	replaceChildNodes( "more_history", out )
55	return;
56	}
57
58	response += "<div id='more_history'>";
59	response += " <strong>More posts are being loaded...</strong> <br />";
60	response += " If you are using the scroll bar, release the mouse to see more posts.";
61	response += "</div>"
62
63	index_el.value = indexVal + 1;
64
65	var new_history = DIV(null,"");
66	new_history.innerHTML = response;
67	swapDOM( "more_history", new_history );
68
69	isUpdating = false;
70	}
71
72	function updatePage(){
73	if ( isUpdating == false
74	&& mouseState == "up"
75	&& getPageHeight() - getScrollHeight() < preloadDistance){
76	log("Getting segment: ", $("history_index").value);
77	setCookie(id, $("history_index").value );
78	isUpdating = true;
79	getMoreHistory();
80	}
81	checker.cancel();
82	checker = callLater(checkInterval, updatePage);
83	}
84
85
86	function onMouseDown(e ){
87	mouseState = "down";
88	setCookie(id+"_height", getScrollHeight() );
89	setCookie(id+"_scroll", getScrollHeight() - _getWindowHeight() );
90	}
91
92	function onMouseUp(){
93	mouseState = "up";
94	}
95
96	var checker;
97	var checkInterval = .2;
98	var preloadDistance = 1000;
99	var isUpdating = false;
100	var mouseState = "up";
101	var id;
102
103	function init( ){
104	document.onmousedown = onMouseDown;
105	document.onmouseup = onMouseUp;
106
107	//createLoggingPane(true);
108	id = $("page_id").value;
109	logDebug("Page ID:", id);
110	logDebug("Page Cookie:", getCookie(id));
111
112	var fromBackButton = false;
113	if( getCookie(id) ){ fromBackButton = true; }
114	else{ setCookie(id, "1") }
115
116	logDebug("From Back Button?:", fromBackButton);
117	if( fromBackButton ){
118	logDebug( "Number of segments loaded: ", getCookie(id) );
119	logDebug( "Should scroll to: ", getCookie(id+"_scroll") );
120	$("spacer").style.height=getCookie(id+"_height")+"px";
121	scroll( 0, getCookie(id+"_scroll") );
122	}
123
124	getElement("history_index").value = 0;
125	checker = callLater(0, updatePage);
126	}
127
128	addLoadEvent(init);
129