- yacysearchtrailer.html ... just an idea for a timeline

git-svn-id: https://svn.berlios.de/svnroot/repos/yacy/trunk@6012 6c8d7289-2bf4-0310-a012-ef5d649a1542

htroot/yacysearchtrailer.html

@@ -12,3 +12,28 @@
 <div><ul style="padding-left: 0px;">#{words}#
 <li><a href="yacysearch.html?search=#[newsearch]#&amp;Enter=Search&amp;count=#[count]#&amp;offset=#[offset]#&amp;resource=#[resource]#&amp;contentdom=#[contentdom]#&amp;display=#[display]#">#[word]#</a></li>
 #{/words}#</ul></div>
+<h3 style="padding-left:25px;">Timeline</h3>
+<div>
+<p>
+<input type="text" id="min" size="7" style="text-align:left; border:0; color:#f6931f; font-weight:bold;" />
+&nbsp;
+<input type="text" id="max" size="7" style="text-align:right; border:0; color:#f6931f; font-weight:bold;" />
+</p>
+<p>
+<div id="slider-range" style="margin-left:-10px;"></div>
+</p>
+</div>
+<script>
+$("#slider-range").slider({
+	range: true,
+	min: 1999,
+	max: 2009,
+	values: [2001, 2005],
+	slide: function(event, ui) {
+		$("#min").val($("#slider-range").slider("values", 0));
+		$("#max").val($("#slider-range").slider("values", 1));
+	}
+});
+$("#min").val($("#slider-range").slider("values", 0));
+$("#max").val($("#slider-range").slider("values", 1));
+</script>