Support for search result switch buttons with JavaScript disabled

1 files changed, 108 insertions, 31 deletions

diff --git a/htroot/yacysearchtrailer.html b/htroot/yacysearchtrailer.html
index bd1ca1ec9..4a2957698 100644
--- a/htroot/yacysearchtrailer.html
+++ b/htroot/yacysearchtrailer.html
@@ -43,40 +43,117 @@
 #(/resource-select)#
 
 <p class="navbutton"></p>
-<div id="rankingButtons" class="btn-group btn-group-justified" data-nav-generation="#[nav-generation]#">
-  <!-- data-nav-generation attribute helps the browser know whether the search navigators have to be refreshed -->
-  <div class="btn-group btn-group-xs">
-  	<button type="button" id="sort_button_context" class="btn btn-default" title="Use the default ranking profile (customizable), ordering results by score." 
-  		onclick="document.getElementById('search').value=document.getElementById('search').value.replace(' /date','');document.searchform.submit();">Context Ranking</button>
-  </div>
-  <div class="btn-group btn-group-xs">
-  	<button type="button" id="sort_button_date" class="btn btn-default" title="Use the 'Date' ranking profile, ordering results by default on each document last modification date."
-  		onclick="document.getElementById('search').value=document.getElementById('search').value + ' /date';document.searchform.submit();">Sort by Date</button>
-  </div>
-</div>
-<script>
-  if (document.getElementById('search').value.indexOf(" /date") == -1) {
-	document.getElementById("sort_button_context").setAttribute("class","btn btn-default active");
-	document.getElementById("sort_button_context").setAttribute("onclick","");
-  } else {
-	document.getElementById("sort_button_date").setAttribute("class","btn btn-default active");
-	document.getElementById("sort_button_date").setAttribute("onclick","");
-  }
-</script>
+<form action="yacysearch.html" method="get" accept-charset="UTF-8" name="rankingSwitchForm">
+    #(authSearch)#::
+  	<input type="hidden" name="auth" value=""/>
+  	#(/authSearch)#
+    <input type="hidden" name="contentdom" value="#[contentdom]#" />
+    <input type="hidden" name="strictContentDom" value="#[strictContentDom]#" />
+    <input type="hidden" name="former" value="#[former]#" />
+    <input type="hidden" name="maximumRecords" value="#[maximumRecords]#" />
+    <input type="hidden" name="startRecord" value="#[startRecord]#" />
+    <input type="hidden" name="verify" value="#[search.verify]#" />
+    <input type="hidden" name="resource" value="#[resource]#" />
+    <input type="hidden" name="nav" value="#[search.navigation]#" />
+    <input type="hidden" name="prefermaskfilter" value="#[prefermaskfilter]#" />
+    <input type="hidden" name="depth" value="#[depth]#" />
+    <input type="hidden" name="constraint" value="#[constraint]#" />
+    <input type="hidden" name="meanCount" value="#[meanCount]#" />
+    <input id="contentDomTimezoneOffset" type="hidden" name="timezoneOffset" value=""><script>document.getElementById("contentDomTimezoneOffset").value = new Date().getTimezoneOffset();</script>
+	<div id="rankingButtons" class="btn-group btn-group-justified" data-nav-generation="#[nav-generation]#">
+  		<!-- data-nav-generation attribute helps the browser know whether the search navigators have to be refreshed -->
+  		<div class="btn-group btn-group-xs">
+	  		<button type="#(contextRanking)#submit::button#(/contextRanking)#" class="btn btn-default#(contextRanking)#:: active#(/contextRanking)#" 
+	  			title="Use the default ranking profile (customizable), ordering results by score."
+	  			#(contextRanking)#name="query" value="#[formerWithoutDate]#" onclick="this.value=document.getElementById('search').value.replace(' /date','');"::#(/contextRanking)#>Context Ranking</button>
+  		</div>
+  		<div class="btn-group btn-group-xs">
+  			<button type=#(dateRanking)#submit::button#(/dateRanking)# class="btn btn-default#(dateRanking)#:: active#(/dateRanking)#"
+  			  	title="Use the 'Date' ranking profile, ordering results by default on each document last modification date."
+  				#(dateRanking)#name="query" value="#[former]# /date" onclick="this.value=document.getElementById('search').value + ' /date';"::#(/dateRanking)#>Sort by Date</button>
+	  	</div>
+	</div>
+</form>
 
 #(searchdomswitches)#::<p class="navbutton"></p>
-<div class="btn-group btn-group-justified">
-  #(searchtext)#::<div class="btn-group btn-group-xs"><button type="button" class="btn btn-default#(check)#:: active#(/check)#"#(check)# onclick="document.getElementById('contentdom').value='text';document.searchform.submit();"::#(/check)#>Documents</button></div>#(/searchtext)#
-  #(searchimage)#::<div class="btn-group btn-group-xs"><button type="button" class="btn btn-default#(check)#:: active#(/check)#"#(check)# onclick="document.getElementById('contentdom').value='image';document.searchform.submit();"::#(/check)#>Images</button></div>#(/searchimage)#
-  #(searchaudio)#::<div class="btn-group btn-group-xs"><button type="button" class="btn btn-default#(check)#:: active#(/check)#"#(check)# onclick="document.getElementById('contentdom').value='audio';document.searchform.submit();"::#(/check)#>Audio</button></div>#(/searchaudio)#
-  #(searchvideo)#::<div class="btn-group btn-group-xs"><button type="button" class="btn btn-default#(check)#:: active#(/check)#"#(check)# onclick="document.getElementById('contentdom').value='video';document.searchform.submit();"::#(/check)#>Video</button></div>#(/searchvideo)#
-  #(searchapp)#::<div class="btn-group btn-group-xs"><button type="button" class="btn btn-default#(check)#:: active#(/check)#"#(check)# onclick="document.getElementById('contentdom').value='app';document.searchform.submit();"::#(/check)#>Apps</button></div>#(/searchapp)#
-</div>
+<form action="yacysearch.html" method="get" accept-charset="UTF-8" name="contentdomSwitchForm"
+	onsubmit="document.getElementById('contentdomSwitchFormQuery').value = document.getElementById('search').value;">
+    <input type="hidden" id="contentdomSwitchFormQuery" name="query" value="#[former]#"/>
+    #(authSearch)#::
+  	<input type="hidden" name="auth" value=""/>
+  	#(/authSearch)#
+    <input type="hidden" name="strictContentDom" value="#[strictContentDom]#" />
+    <input type="hidden" name="former" value="#[former]#" />
+    <input type="hidden" name="maximumRecords" value="#[maximumRecords]#" />
+    <input type="hidden" name="startRecord" value="#[startRecord]#" />
+    <input type="hidden" name="verify" value="#[search.verify]#" />
+    <input type="hidden" name="resource" value="#[resource]#" />
+    <input type="hidden" name="nav" value="#[search.navigation]#" />
+    <input type="hidden" name="prefermaskfilter" value="#[prefermaskfilter]#" />
+    <input type="hidden" name="depth" value="#[depth]#" />
+    <input type="hidden" name="constraint" value="#[constraint]#" />
+    <input type="hidden" name="meanCount" value="#[meanCount]#" />
+    <input id="contentDomTimezoneOffset" type="hidden" name="timezoneOffset" value=""><script>document.getElementById("contentDomTimezoneOffset").value = new Date().getTimezoneOffset();</script>
+	<div class="btn-group btn-group-justified">
+		#(searchtext)#::<div class="btn-group btn-group-xs">
+				<button type="#(check)#submit::button#(/check)#" name="contentdom" value="text" 
+					class="btn btn-default#(check)#:: active#(/check)#">Documents</button>
+			</div>
+		#(/searchtext)#
+		#(searchimage)#::<div class="btn-group btn-group-xs">
+					<button type="#(check)#submit::button#(/check)#" name="contentdom" value="image" 
+ 						class="btn btn-default#(check)#:: active#(/check)#">Images</button>
+				</div>
+		#(/searchimage)#
+		#(searchaudio)#::<div class="btn-group btn-group-xs">
+				<button type="#(check)#submit::button#(/check)#" name="contentdom" value="audio" 
+ 					class="btn btn-default#(check)#:: active#(/check)#">Audio</button>
+			</div>
+		#(/searchaudio)#
+		#(searchvideo)#::<div class="btn-group btn-group-xs">
+				<button type="#(check)#submit::button#(/check)#" name="contentdom" value="video" 
+					class="btn btn-default#(check)#:: active#(/check)#">Video</button>
+			</div>
+		#(/searchvideo)#
+		#(searchapp)#::<div class="btn-group btn-group-xs">
+				<button type="#(check)#submit::button#(/check)#" name="contentdom" value="app" 
+					class="btn btn-default#(check)#:: active#(/check)#">Apps</button>
+			</div>
+		#(/searchapp)#
+	</div>
+</form>
 #(strictContentDomSwitch)#::
-<div class="btn-group btn-group-justified">
-  <div class="btn-group btn-group-xs"><button type="button" title="Extend media search results to pages including such medias (provides generally more results, but eventually less relevant)" class="btn btn-default#(strictContentDom)# active::#(/strictContentDom)#" #(strictContentDom)#::onclick="document.getElementById('strictContentDom').value='false';document.searchform.submit();"#(/strictContentDom)#>Extended</button></div>
-  <div class="btn-group btn-group-xs"><button type="button" title="Strictly limit media search results to indexed documents matching exactly the desired content domain." class="btn btn-default#(strictContentDom)#:: active#(/strictContentDom)#" #(strictContentDom)#onclick="document.getElementById('strictContentDom').value='true';document.searchform.submit();"::#(/strictContentDom)#>Strict</button></div>
-</div>
+<form action="yacysearch.html" method="get" accept-charset="UTF-8" name="strictContentdomSwitchForm"
+	onsubmit="document.getElementById('strictContentdomSwitchFormQuery').value = document.getElementById('search').value;">
+    <input type="hidden" id="strictContentdomSwitchFormQuery" name="query" value="#[former]#"/>
+    #(authSearch)#::
+  	<input type="hidden" name="auth" value=""/>
+  	#(/authSearch)#
+    <input type="hidden" name="contentdom" value="#[contentdom]#" />
+    <input type="hidden" name="former" value="#[former]#" />
+    <input type="hidden" name="maximumRecords" value="#[maximumRecords]#" />
+    <input type="hidden" name="startRecord" value="#[startRecord]#" />
+    <input type="hidden" name="verify" value="#[search.verify]#" />
+    <input type="hidden" name="resource" value="#[resource]#" />
+    <input type="hidden" name="nav" value="#[search.navigation]#" />
+    <input type="hidden" name="prefermaskfilter" value="#[prefermaskfilter]#" />
+    <input type="hidden" name="depth" value="#[depth]#" />
+    <input type="hidden" name="constraint" value="#[constraint]#" />
+    <input type="hidden" name="meanCount" value="#[meanCount]#" />
+    <input id="contentDomTimezoneOffset" type="hidden" name="timezoneOffset" value=""><script>document.getElementById("contentDomTimezoneOffset").value = new Date().getTimezoneOffset();</script>
+	<div class="btn-group btn-group-justified">
+  		<div class="btn-group btn-group-xs">
+  			<button type="#(strictContentDom)#button::submit#(/strictContentDom)#" name="strictContentDom" value="false" 
+  				title="Extend media search results to pages including such medias (provides generally more results, but eventually less relevant)" 
+  				class="btn btn-default#(strictContentDom)# active::#(/strictContentDom)#">Extended</button>
+  		</div>
+  		<div class="btn-group btn-group-xs">
+  			<button type="#(strictContentDom)#submit::button#(/strictContentDom)#" name="strictContentDom" value="true" 
+  				title="Strictly limit media search results to indexed documents matching exactly the desired content domain." 
+  				class="btn btn-default#(strictContentDom)#:: active#(/strictContentDom)#">Strict</button>
+  		</div>
+	</div>
+</form>
 #(/strictContentDomSwitch)#
 #(/searchdomswitches)#