feat: add first/last buttons
This commit is contained in:
		
							
								
								
									
										38
									
								
								index.html
									
									
									
									
									
								
							
							
						
						
									
										38
									
								
								index.html
									
									
									
									
									
								
							| @@ -7,32 +7,48 @@ | ||||
|     <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||||
|     <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | ||||
|     <script> | ||||
|       const COMANCHE055 = "Comanche055"; | ||||
|       const LUMINARY099 = "Luminary099"; | ||||
|       const COMANCHE055_PAGES = 1751; | ||||
|       const LUMINARY099_PAGES = 1743; | ||||
|  | ||||
|       function changeDir() { | ||||
|         showPage(); | ||||
|       } | ||||
|  | ||||
|       function showFirst() { | ||||
|         changePage(1); | ||||
|       } | ||||
|  | ||||
|       function showLast() { | ||||
|         const directory = document.form.directory.value; | ||||
|         if (directory === COMANCHE055) changePage(COMANCHE055_PAGES); | ||||
|         else if (directory === LUMINARY099) changePage(LUMINARY099_PAGES); | ||||
|       } | ||||
|  | ||||
|       function showPrevious() { | ||||
|         const newpage = parseInt(document.form.pagenum.value) - 1; | ||||
|         if (newpage >= 1) { | ||||
|           changePage(newpage); | ||||
|         } | ||||
|       } | ||||
|  | ||||
|       function showNext() { | ||||
|         const newpage = parseInt(document.form.pagenum.value) + 1; | ||||
|         const directory = document.form.directory.value; | ||||
|         if ( | ||||
|           (directory === "Comanche055" && newpage <= COMANCHE055_PAGES) || | ||||
|           (directory === "Luminary099" && newpage <= LUMINARY099_PAGES) | ||||
|           (directory === COMANCHE055 && newpage <= COMANCHE055_PAGES) || | ||||
|           (directory === LUMINARY099 && newpage <= LUMINARY099_PAGES) | ||||
|         ) { | ||||
|           changePage(newpage); | ||||
|         } | ||||
|       } | ||||
|  | ||||
|       function changePage(page) { | ||||
|         document.form.pagenum.value = parseInt(page); | ||||
|         showPage(); | ||||
|       } | ||||
|  | ||||
|       function showPage() { | ||||
|         let page = parseInt(document.form.pagenum.value); | ||||
|         const directory = document.form.directory.value; | ||||
| @@ -40,17 +56,16 @@ | ||||
|         if (page < 1) { | ||||
|           document.form.pagenum.value = 1; | ||||
|           page = 1; | ||||
|         } else if (directory === "Comanche055" && page > COMANCHE055_PAGES) { | ||||
|         } else if (directory === COMANCHE055 && page > COMANCHE055_PAGES) { | ||||
|           document.form.pagenum.value = COMANCHE055_PAGES; | ||||
|           page = COMANCHE055_PAGES; | ||||
|         } else if (directory === "Luminary099" && page > LUMINARY099_PAGES) { | ||||
|         } else if (directory === LUMINARY099 && page > LUMINARY099_PAGES) { | ||||
|           document.form.pagenum.value = LUMINARY099_PAGES; | ||||
|           page = LUMINARY099_PAGES; | ||||
|         } | ||||
|  | ||||
|         formattedPage = page.toString().padStart(4, "0"); | ||||
|  | ||||
|         imageURL = `https://www.ibiblio.org/apollo/ScansForConversion/${directory}/${formattedPage}.jpg`; | ||||
|         const formattedPage = page.toString().padStart(4, "0"); | ||||
|         const imageURL = `https://www.ibiblio.org/apollo/ScansForConversion/${directory}/${formattedPage}.jpg`; | ||||
|         document.image.src = imageURL; | ||||
|         document.body.style.cursor = "progress"; | ||||
|       } | ||||
| @@ -82,7 +97,8 @@ | ||||
|         <option>Comanche055</option> | ||||
|         <option>Luminary099</option> | ||||
|       </select> | ||||
|       <input type="button" onClick="showPrevious()" value="Previous Page" /> | ||||
|       <input type="button" onClick="showFirst()" value="First" /> | ||||
|       <input type="button" onClick="showPrevious()" value="Previous" /> | ||||
|       <input | ||||
|         type="text" | ||||
|         name="pagenum" | ||||
| @@ -91,10 +107,12 @@ | ||||
|         maxlength="4" | ||||
|         value="1" | ||||
|       /> | ||||
|       <input type="button" onClick="showNext()" value="Next Page" /> | ||||
|       <input type="button" onClick="showNext()" value="Next" /> | ||||
|       <input type="button" onClick="showLast()" value="Last" /> | ||||
|       <span> | ||||
|         Images hosted by | ||||
|         <a href="https://www.ibiblio.org/apollo">Ibiblio</a> and the Virtual AGC project | ||||
|         <a href="https://www.ibiblio.org/apollo">Ibiblio</a> | ||||
|         and the Virtual AGC project | ||||
|       </span> | ||||
|     </form> | ||||
|     <img | ||||
|   | ||||
		Reference in New Issue
	
	Block a user