diff options
| author | tim b <timb@camcompu.home> | 2010-06-10 07:55:47 -0700 |
|---|---|---|
| committer | tim b <timb@camcompu.home> | 2010-06-10 07:55:47 -0700 |
| commit | 0d716fa485c95ecdf88817e0f358e463ff6133d9 (patch) | |
| tree | 510e49a734c66be2c092d4e4e0aaef53b8005a62 | |
| parent | e8f63c24b5c4860d790a30ee231263cf240ec3e2 (diff) | |
add paging
| -rw-r--r-- | template/search_files.st | 38 |
1 files changed, 26 insertions, 12 deletions
diff --git a/template/search_files.st b/template/search_files.st index 553694a..66a66ad 100644 --- a/template/search_files.st +++ b/template/search_files.st @@ -8,15 +8,16 @@ </head> <body> - <input type="text" name="search-query" id="search-query" /> - <div id="message"></div> + <center><input type="text" name="search-query" id="search-query" /></center> + <center><div id="message"></div><br><br></center> <div id="content"></div> </body> <script> var term = "" - var maxImages = 25; + var imagesPerPage = 25; + var images = [] function addScript(term){ jQuery("#search-script").remove() @@ -36,15 +37,32 @@ setMessage(error) } + function renderPage(num){ + if (images.length > 0) + setMessage("page " + (num + 1)); + var contentString = '' + var start = num * imagesPerPage + var imageCounter = 0 + for(var i = start; i < images.length; i++){ + if(imageCounter > imagesPerPage) break; + contentString += '<a href="'+images[i]+'"><img src="'+images[i]+'"></a>' + imageCounter += 1 + } + if(num > 0) + contentString += '<a href="javascript:renderPage('+(num-1)+')"><h1>previous</h1></a> ' + if (images.length > start + imageCounter) + contentString += ' <a href="javascript:renderPage('+(num+1)+')"><h1>next</h1></a>' + setContent(contentString) + } + function searchResult(results){ - var images = [] + images = [] var alreadyGot = {} if(results === null || results.length == 0) { setContent("") setMessage("no results found") } else { for(var r = 0; r<results.length; r++){ - if (images.length == maxImages) break; var content = results[r]['content'] if (content.substring(0,6) == "<safe>") continue; // skip html posts var imageUrls = getImagesAsArray(content); @@ -56,14 +74,10 @@ images.push(imageUrl) } } - var contentString = '' if (images.length == 0) { setMessage("no results found") } - for(var i = 0; i < images.length; i++){ - contentString += '<a href="'+images[i]+'"><img src="'+images[i]+'"></a>' - } - setContent(contentString) + renderPage(0) } } @@ -77,10 +91,10 @@ } } - // only search every 500ms while someone is typing + // only search every 800ms while someone is typing function keyHandler(){ if (keyHandler.timeout) clearTimeout(keyHandler.timeout); - keyHandler.timeout = setTimeout(doSearch, 250) + keyHandler.timeout = setTimeout(doSearch, 800) } jQuery("#search-query").keyup(keyHandler) |