☰

E(x)-Hentai CompactSearch

Compacts the search into the topbar, saving vertical space. Supports E-Hentai & EXHentai.

2015-10-01 일자. 최신 버전을 확인하세요.

  1. // ==UserScript==
  2. // @name         E(x)-Hentai CompactSearch
  3. // @namespace    https://github.com/DakuTree/userscripts
  4. // @author       Daku (admin@codeanimu.net)
  5. // @description  Compacts the search into the topbar, saving vertical space. Supports E-Hentai & EXHentai.
  6. // @homepageURL  https://github.com/DakuTree/userscripts
  7. // @supportURL   https://github.com/DakuTree/userscripts/issues
  8. // @include      /^http[s]?:\/\/(g\.e-|ex)hentai\.org\/.*$/
  9. // @grant        GM_addStyle
  10. // @updated      2015-10-01
  11. // @version      2.0.5
  12. // @require      http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
  13. // ==/UserScript==
  14.  
  15. //TODO: Make new topbar appear alongside DOM (instead of loading a second or so after).
  16. //Use Stylish
  17. GM_addStyle("#toppane, #nb {display: none !important;}"); //Hide elements before load
  18. var domain = (location.host.match(/([^.]+)\.\w{2,3}(?:\.\w{2})?$/) || [])[1].replace('-', '');
  19.  
  20. function addJQuery(callback){
  21. 	var script = document.createElement("script");
  22. 	script.setAttribute("src", "//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js");
  23. 	script.addEventListener('load', function() {
  24. 		var script = document.createElement("script");
  25. 		script.textContent = "(" + callback.toString() + ")();";
  26. 		document.body.appendChild(script);
  27. 	}, false);
  28. 	document.body.appendChild(script);
  29. }
  30.  
  31. function main(){
  32. 	jQuery(document).ready(function($){
  33. 		//Get/set default settings
  34. 		//This seems to be stored in the uconfig cookie, but it seems to be somewhat encrypted.
  35. 		var unsafeWindow = this['unsafeWindow'] || window;
  36. 		var v = new Object();
  37. 		if($('form input[id*="f_"], #searchbox input[name="f_search"]').length > 0){
  38. 			$('form input[id*="f_"], input[name="f_search"]').each(function(){ v[$(this).attr('name')] = $(this).attr('value')});
  39. 			console.log($('html'));
  40. 			unsafeWindow.localStorage.setItem('s', JSON.stringify(v));
  41. 		}else{
  42. 			v = JSON.parse(unsafeWindow.localStorage.getItem('s'));
  43. 			v['f_search'] = "Search Keywords"; //Show default text on non-search pages.
  44. 			
  45. 		}
  46.  
  47. 		var colors = {ehentai: ['#E3E0D1', '#EDEBDF', '#5C0D11', '#9B4E03'], exhentai: ['#34353b', '#4f535b', '#f1f1f1', '#43464e']};
  48.  
  49. 		var color1 = colors[domain][0],
  50. 		    color2 = colors[domain][1],
  51. 		    color3 = colors[domain][2];
  52. 		    color4 = colors[domain][3];
  53.  
  54. 		$('#toppane').remove();
  55. 		$('<style/>').attr('rel', 'stylesheet').attr('type', 'text/css') //{
  56. 			.text(".ido {padding-top: 0 !important;}\
  57. 					#navwrap {width: 90%; min-width: 975px; height: 24px; margin: auto; z-index: 99; position: relative; background-color: "+color2+"; border: 1px solid #000000; margin-bottom: 10px;}\
  58. 					.navbar {height: 24px; padding: 0; margin: 0; position: absolute; width: 100%;}\
  59. 					.navbar li {height: 24px; width: 150px; float: left; text-align: center; list-style: none; font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0; margin: 0; background-color: "+color2+";}\
  60. 					.navbar li a {padding: 5px 0; text-decoration: none; color: "+color3+"; display: block; border-right: 1px solid "+color1+";}\
  61. 					.navbar li a:hover {background-color: "+color1+";}\
  62. 					.navbar li ul {display: none; height: auto; margin: 0; margin-left: -1px; padding: 0; border-top: 1px solid "+color1+"; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000;}\
  63. 					.navbar li:hover ul {display: block;}\
  64. 					.navbar li ul {background-color: "+color2+";}\
  65. 					.navbar li:last-child ul {margin-top: 2px; margin-right: -1px;}\
  66. 					.navbar li ul a {border-right: 0;}\
  67. 					.navbar li ul a:not(:first-child) {border-top: 1px solid "+color1+"}\
  68. 					.navbar li ul a:hover {background-color: "+color1+";}\
  69. 					.navbar li form {margin-top: 0;}\
  70. 					.navbar li form input {margin-right: 1px;}\
  71. 					.navbar li form ul {font-weight: normal;}\
  72. 					.navbar .nopm a {text-decoration: underline; font-size: 8pt; display: inline; border: 0 !important;}\
  73. 					.navbar .nopm a:hover {background-color: transparent;}\
  74. 					.navbar .stdinput:enabled:hover, .navbar .stdinput:enabled:focus {color: "+color3+"; background: "+color4+";}\
  75. 					.navbar .stdinput, .stdbtn {margin: auto;}\
  76. 					.navbar .stdbtn {height: 19px !important; padding: 1px 6px; margin: 3px 1px 0px 1px; background-color: "+color1+"; color: "+color3+";}\
  77. 					.navbar .stdbtn:hover {border: 2px outset "+color3+";}\
  78. 					.navbar .stdbtn:enabled:hover {color: "+color3+"; background: "+color4+"; border: 2px outset "+color3+";}\
  79. 					.navbar input.stdinput {width: 350px; background-color: "+color1+"; color: "+color3+"; padding-bottom: 1px; border: 1px solid "+color1+";}\
  80. 					.navbar table.itc {border-spacing: 1px; padding-top: 1px; padding-bottom: 1px;}\
  81. 					.navbar table.itc td {padding: 0;}\
  82. 					.navbar #fill {width: calc(100% - 450px - 507px - 16px);}\
  83. 					.navbar table.itss {margin: 0; width: calc(100% - 28px); font-size:11px; margin-left: 28px;}\
  84. 					.navbar table.itss td.ic2 {width: 45%}\
  85. 					.navbar #fsdiv {font-size: 11px; font-weight: normal;}\
  86. 			").appendTo('head'); //}
  87.  
  88. 		var nav2 = $('<div/>', {id: 'navwrap'});
  89. 		var nav = $('<ul/>', {class: 'navbar'}).appendTo(nav2);
  90. 		$('<li/>').append( //{
  91. 			$('<a/>', {text: "Front Page", href: location.origin})).append(
  92. 				$('<ul/>').append(
  93. 					$('<a/>', {text: "News", href: 'http://e-hentai.org/'})).append(
  94. 					$('<a/>', {text: "Forums", href: 'http://forums.e-hentai.org/'})).append(
  95. 					$('<a/>', {text: "Wiki", href: 'http://ehwiki.org/wiki/Category:E-Hentai_Galleries'})).append(
  96. 					$('<a/>', {text: "Torrents", href: location.origin+'/torrents.php'})).append(
  97. 					$('<a/>', {text: "Bounties", href: 'http://g.e-hentai.org/bounty.php'})).append(
  98. 					$('<a/>', {text: "Toplists", href: 'http://g.e-hentai.org/toplist.php'}))).appendTo(nav);
  99. 		$('<li/>').append(
  100. 			$('<a/>', {text: "My Home", href: 'http://g.e-hentai.org/home.php'})).append(
  101. 				$('<ul/>').append(
  102. 					$('<a/>', {text: "Favorites", href: location.origin+'/favorites.php'})).append(
  103. 					$('<a/>', {text: "Maintain Galleries", href: 'http://ul.'+location.hostname.replace(/^g\./, '')+'/manage.php'})).append(
  104. 					$('<a/>', {text: "Upload Gallery", href: 'http://ul.'+location.hostname.replace(/^g\./, '')+'/manage.php?act=new'})).append(
  105. 					$('<a/>', {text: "Options", href: location.origin+'/uconfig.php'}))).appendTo(nav);
  106. 		$('<li/>').append(
  107. 			$('<a/>', {text: "HentaiVerse", href: 'http://hentaiverse.org/', onclick: "popUp('http://hentaiverse.org/',1250,720); return false"})).appendTo(nav);
  108. 		$('<li/>', {id: 'fill', style: "border-right: 1px solid "+color1+";"}).appendTo(nav);
  109. 		$('<li/>', {style: "border-right: 1px solid "+color1+"; width: 15px !important; min-width: 15px; max-width: 15px;"}).append(
  110.             $('<a/>', {href: '#', text: '#', id: 'addenglish'})).appendTo(nav);
  111. 		$('<li/>', {style: "width: 506px !important; min-width: 506px; max-width: 506px;"}).append(
  112. 			$('<form/>', {action: "http://"+location.hostname, method: "GET"}).append(
  113. 				$('<div/>').append(
  114. 				$('<input/>', {type: "text", name: "f_search", value: v["f_search"], class: "stdinput", onfocus: "if(this.value=='Search Keywords') this.value = '';", size: "50", maxlength: "200"})).append(
  115. 				$('<input/>', {type: "submit", name: "f_apply", value: "Apply Filter", class: "stdbtn"})).append(
  116. 				$('<input/>', {type: "submit", name: "f_clear", value: "Clear Filter", class: "stdbtn", onclick: "top.location.href='http://g.e-hentai.org/'; return false"}))).append(
  117. 					$('<ul/>').append(
  118. 						$('<table/>', {class: "itc"}).append(
  119. 							$('<tr/>').append(
  120. 								$('<td/>').append(
  121. 									$('<input/>', {type: "hidden", name: "f_doujinshi", value: v["f_doujinshi"], id: "f_doujinshi"})).append(
  122. 									$('<img/>', {id: "f_doujinshi_img", src: "http://ehgt.org/g/c/doujinshi"+ (v["f_doujinshi"] == 1 ? "" : "_d") + ".png", class: "ic", alt: "doujinshi", style: "cursor:pointer"}))).append(
  123. 								$('<td/>').append(
  124. 									$('<input/>', {type: "hidden", name: "f_manga", value: v["f_manga"], id: "f_manga"})).append(
  125. 									$('<img/>', {id: "f_manga_img", src: "http://ehgt.org/g/c/manga"+ (v["f_manga"] == 1 ? "" : "_d") + ".png", class: "ic", alt: "mangat", style: "cursor:pointer"}))).append(
  126. 								$('<td/>').append(
  127. 									$('<input/>', {type: "hidden", name: "f_artistcg", value: v["f_artistcg"], id: "f_artistcg"})).append(
  128. 									$('<img/>', {id: "f_artistcg_img", src: "http://ehgt.org/g/c/artistcg"+ (v["f_artistcg"] == 1 ? "" : "_d") + ".png", class: "ic", alt: "artistcg", style: "cursor:pointer"}))).append(
  129. 								$('<td/>').append(
  130. 									$('<input/>', {type: "hidden", name: "f_gamecg", value: v["f_gamecg"], id: "f_gamecg"})).append(
  131. 									$('<img/>', {id: "f_gamecg_img", src: "http://ehgt.org/g/c/gamecg"+ (v["f_gamecg"] == 1 ? "" : "_d") + ".png", class: "ic", alt: "gamecg", style: "cursor:pointer"}))).append(
  132. 								$('<td/>').append(
  133. 									$('<input/>', {type: "hidden", name: "f_western", value: v["f_western"], id: "f_western"})).append(
  134. 									$('<img/>', {id: "f_western_img", src: "http://ehgt.org/g/c/western"+ (v["f_western"] == 1 ? "" : "_d") + ".png", class: "ic", alt: "western", style: "cursor:pointer"})))).append(
  135. 							$('<tr/>').append(
  136. 								$('<td/>').append(
  137. 									$('<input/>', {type: "hidden", name: "f_non-h", value: v["f_non-h"], id: "f_non-h"})).append(
  138. 									$('<img/>', {id: "f_non-h_img", src: "http://ehgt.org/g/c/non-h"+ (v["f_non-h"] == 1 ? "" : "_d") + ".png", class: "ic", alt: "non-h", style: "cursor:pointer"}))).append(
  139. 								$('<td/>').append(
  140. 									$('<input/>', {type: "hidden", name: "f_imageset", value: v["f_imageset"], id: "f_imageset"})).append(
  141. 									$('<img/>', {id: "f_imageset_img", src: "http://ehgt.org/g/c/imageset"+ (v["f_imageset"] == 1 ? "" : "_d") + ".png", class: "ic", alt: "imageset", style: "cursor:pointer"}))).append(
  142. 								$('<td/>').append(
  143. 									$('<input/>', {type: "hidden", name: "f_cosplay", value: v["f_cosplay"], id: "f_cosplay"})).append(
  144. 									$('<img/>', {id: "f_cosplay_img", src: "http://ehgt.org/g/c/cosplay"+ (v["f_cosplay"] == 1 ? "" : "_d") + ".png", class: "ic", alt: "cosplay", style: "cursor:pointer",}))).append(
  145. 								$('<td/>').append(
  146. 									$('<input/>', {type: "hidden", name: "f_asianporn", value: v["f_asianporn"], id: "f_asianporn"})).append(
  147. 									$('<img/>', {id: "f_asianporn_img", src: "http://ehgt.org/g/c/asianporn"+ (v["f_doujinshi"] == 1 ? "" : "_d") + ".png", class: "ic", alt: "asianporn", style: "cursor:pointer"}))).append(
  148. 								$('<td/>').append(
  149. 									$('<input/>', {type: "hidden", name: "f_misc", value: v["f_misc"], id: "f_misc"})).append(
  150. 									$('<img/>', {id: "f_misc_img", src: "http://ehgt.org/g/c/misc"+ (v["f_misc"] == 1 ? "" : "_d") + ".png", class: "ic", alt: "misc", style: "cursor:pointer"}))))).append(
  151. 						$('<div/>').append(
  152. 							$('<p/>', {class: "nopm", style: "margin-top:2px;"}).append(
  153. 								$('<a/>', {href: "#", rel: "nofollow", id: "show_ao", text: "Show Advanced Options", style: "margin-right:5px;"})).append(
  154. 								$('<a/>', {href: "#", rel: "nofollow", id: "show_fs", text: "Show File Search", style: "margin-left:5px;", disabled: 'disabled'}))).append(
  155. 							$('<div/>', {id: 'advdiv', style: 'display: none;'}))))).append(
  156. 					$('<ul/>', {style: 'margin-top: -1px;'}).append(
  157. 						$('<div/>', {id: 'fsdiv', style: 'display: none;'}))
  158. 		).appendTo(nav); //}
  159.  
  160. 		//$('#nb').replaceWith(nav2);
  161. 		$('body').prepend(nav2);
  162.  
  163. 		$('#navwrap').on('click', '.nopm > a', function(e){
  164. 			var id = ($(this).attr('id') == 'show_ao' ? 'advdiv' : 'fsdiv');
  165.  
  166. 			if($('#'+id).css('display') == 'none'){
  167. 				if(id == 'advdiv'){
  168. 					$('#'+id).append(
  169. 						$('<input/>', {type: 'hidden', id: 'advsearch', name: 'advsearch', value: '1'})).append(
  170. 						$('<table/>', {class: 'itss'}).append(
  171. 							$('<tbody/>').append(
  172. 								$('<tr/>').append(
  173. 									$('<td/>', {class: 'ic4'}).append(
  174. 										$('<input/>', {id: 'adv11', type: 'checkbox', name: 'f_sname', checked: 'checked'})).append(
  175. 										$('<label/>', {for: 'adv11', text: 'Search Gallery Name'}))).append(
  176. 									$('<td/>', {class: 'ic4'}).append(
  177. 										$('<input/>', {id: 'adv12', type: 'checkbox', name: 'f_stags', checked: 'checked'})).append(
  178. 										$('<label/>', {for: 'adv12', text: 'Search Gallery Tags'}))).append(
  179. 									$('<td/>', {class: 'ic2'}).append(
  180. 										$('<input/>', {id: 'adv13', type: 'checkbox', name: 'f_sdesc', colspan: '2'})).append(
  181. 										$('<label/>', {for: 'adv13', text: 'Search Gallery Description'})))).append(
  182. 								$('<tr/>').append(
  183. 									$('<td/>', {class: 'ic2', colspan: '2'}).append(
  184. 										$('<input/>', {id: 'adv15', type: 'checkbox', name: 'f_storr'})).append(
  185. 										$('<label/>', {for: 'adv15', text: 'Search Torrent Filenames'}))).append(
  186. 									$('<td/>', {class: 'ic2', colspan: '2'}).append(
  187. 										$('<input/>', {id: 'adv16', type: 'checkbox', name: 'f_sto'})).append(
  188. 										$('<label/>', {for: 'adv16', text: 'Only Show Galleries With Torrents'})))).append(
  189. 								$('<tr/>').append(
  190. 									$('<td/>', {class: 'ic2', colspan: '2'}).append(
  191. 										$('<input/>', {id: 'adv21', type: 'checkbox', name: 'f_sdt1'})).append(
  192. 										$('<label/>', {for: 'adv21', text: 'Search Low-Power Tags'}))).append(
  193. 									$('<td/>', {class: 'ic2', colspan: '2'}).append(
  194. 										$('<input/>', {id: 'adv22', type: 'checkbox', name: 'f_sdt2'})).append(
  195. 										$('<label/>', {for: 'adv22', text: 'Search Downvoted Tags'})))).append(
  196. 								$('<tr/>').append(
  197. 									$('<td/>', {class: 'ic2', colspan: '2'}).append(
  198. 										$('<input/>', {id: 'adv31', type: 'checkbox', name: 'f_sh'})).append(
  199. 										$('<label/>', {for: 'adv31', text: 'Show Expunged Galleries'}))).append(
  200. 									$('<td/>', {class: 'ic2', colspan: '2'}).append(
  201. 										$('<input/>', {id: 'adv32', type: 'checkbox', name: 'f_sr'})).append(
  202. 										$('<label/>', {for: 'adv32', text: 'Minimum Rating: '})).append(
  203. 										$('<select/>', {id: 'adv42', class: 'stdinput imr', name: 'f_srdd'}).append(
  204. 											$('<option/>', {value: '2', text: '2 stars'})).append(
  205. 											$('<option/>', {value: '3', text: '3 stars'})).append(
  206. 											$('<option/>', {value: '4', text: '4 stars'})).append(
  207. 											$('<option/>', {value: '5', text: '5 stars'}))))
  208. 					)));
  209. 				}
  210. 				else if(id == 'fsdiv'){
  211. 					$('#'+id).append(
  212. 						$('<form/>', {action: 'http://ul.'+location.hostname.replace(/^g\./, '')+'/image_lookup.php', method: 'post', enctype: 'multipart/form-data'}).append(
  213. 							$('<div/>').append(
  214. 								$('<p/>', {text: 'If you want to combine a file search with a category/keyword search, upload the file first.', style: 'font-weight: bold;'})).append(
  215. 								$('<p/>', {text: 'Select a file to upload, then hit File Search. All public galleries containing this exact file will be displayed.'})).append(
  216. 								$('<div/>').append(
  217. 									$('<input/>', {type: 'file', name: 'sfile', size: '40', style: 'font-size:8pt;'})).append(
  218. 									$('<input/>', {type: 'submit', name: 'f_sfile', value: 'File Search', style: 'font-size:8pt;'}))).append(
  219. 								$('<p/>', {text: 'For color images, the system can also perform a similarity lookup to find resampled images.'})).append(
  220. 								$('<table/>', {class: 'itsf'}).append(
  221. 									$('<tbody/>').append(
  222. 										$('<tr/>').append(
  223. 											$('<td/>', {class: 'ic3'}).append(
  224. 												$('<input/>', {id: 'fs_similiar', type: 'checkbox', name: 'fs_similar', checked: 'checked'})).append(
  225. 												$('<label/>', {for: 'fs_similar', text: 'Use Similarity Scan'}))).append(
  226. 											$('<td/>', {class: 'ic3'}).append(
  227. 												$('<input/>', {id: 'fs_covers', type: 'checkbox', name: 'fs_covers'})).append(
  228. 												$('<label/>', {for: 'fs_covers', text: 'Only Search Covers'}))).append(
  229. 											$('<td/>', {class: 'ic3'}).append(
  230. 												$('<input/>', {id: 'fs_exp', type: 'checkbox', name: 'fs_exp'})).append(
  231. 												$('<label/>', {for: 'fs_exp', text: 'Show Expunged'}))))))));
  232. 				}
  233.  
  234. 				$(this).text(function(){
  235. 					return $(this).text().replace("Show", "Hide");
  236. 				});
  237. 			}else{
  238. 				$('#'+id).empty();
  239. 				$(this).text(function(){
  240. 					return $(this).text().replace("Hide", "Show");
  241. 				});
  242. 			}
  243. 			$('#'+id).toggle();
  244.  
  245. 			e.preventDefault();
  246. 		});
  247.  
  248. 		$('#addenglish').on('click', function(e){
  249. 			$('input[name="f_search"]').val(function(i, v){
  250. 				return v.replace(/(.*)/, 'english'+(v == 'Search Keywords' ? '' : ' "$1"'));
  251. 			});
  252. 		});
  253. 		//TODO: Possibly use jQuery slide?
  254.  
  255. 		//This is "more or less" the in built "toggle_category" function.
  256. 		//Sadly that doesn't get loaded on gallery pages, so we use this instead.
  257. 		$('body').on('click', 'img[id^=f_]', function(){
  258. 			var e = $(this), //img
  259. 			    d = $(e).prev(), //input
  260. 			    c = parseInt($(d).val()),
  261. 			    a = "http://ehgt.org/g/c/";
  262.  
  263. 			if(c){
  264. 				$(d).val(0);
  265. 				$(e).attr('src', $(e).attr('src').replace('.png', '_d.png'));
  266. 			}else{
  267. 				$(d).val(1);
  268. 				$(e).attr('src', $(e).attr('src').replace('_d.png', '.png'));
  269. 			}
  270. 		});
  271. 	});
  272. }
  273.  
  274. if(typeof window.jQuery  === "undefined"){
  275. 	addJQuery(main); //@require doesn't work, so load JQuery then load the script
  276. }
  277. else{
  278. 	main(); //@require works, so just load the script
  279. }