Add search function to the API docs.

* Uses Google site search. * CSS taken from the User Guide Translator's CSS. Signed-off-by: John Scipione <[email protected]>
2014-06-30 15:22:52 -04:00
parent c5359c702a
commit 67e4499bbe
2 changed files with 17 additions and 2 deletions
@@ -154,7 +154,7 @@ h4 a:hover, a:active, h5 a:hover, a:active, h6 a:hover, a:active {

 #banner span.subtitle {
 	position: relative;
-	top: 54px;
+	top: 30px;
 	left: 272px;
 	color: #333333; /* mine shaft */
 	text-transform: uppercase;
@@ -163,6 +163,17 @@ h4 a:hover, a:active, h5 a:hover, a:active, h6 a:hover, a:active {
 	font-weight: normal;
 }

+input[type=text], input[type=password] {
+  font-size: inherit;
+  border-top: 1px solid #818181;
+  border-left: 1px solid #818181;
+  border-bottom: 1px solid #858585;
+  border-right: 1px solid #858585;
+  margin-top: 3px;
+  padding: 2px;
+  width: 200px;
+}
+
 div.header {
 	margin-top: 20px;
 	margin: 10px auto;
@@ -4,10 +4,14 @@
 	<meta http-equiv="Content-Type" content="text/html;charset=UTF8">
 	<title>$title</title>
 	<link href="book.css" rel="stylesheet" type="text/css">
+	<script type="text/javascript">function search(n,e){if(e.keyCode==13)window.location.href='https://www.google.com/search?q='+encodeURIComponent('site:api.haiku-os.org '+n.value);}</script>
 </head>
 <body>
 	<div id="banner">
 		<div class="logo">
-			<span class="subtitle">API Documentation</span>
+			<span class="subtitle">
+				API Documentation<br>
+				<input type="text" placeholder="Search" onkeydown="search(this,event);">
+			</span>
 		</div>
 	</div>