From dad60045b60d7a622bb23d34d808fc1d03a91b90 Mon Sep 17 00:00:00 2001
From: Suhaib Khan <suhebjerk@gmail.com>
Date: Thu, 6 Feb 2014 18:32:59 +0530
Subject: [ticket/10737] Adding username suggestions in "Find a member" using
 AJAX

PHPBB3-10737
---
 .../prosilver/template/memberlist_search.html      | 37 +++++++++++++++++++++-
 phpBB/styles/prosilver/theme/common.css            | 11 +++++++
 2 files changed, 47 insertions(+), 1 deletion(-)

(limited to 'phpBB/styles/prosilver')

diff --git a/phpBB/styles/prosilver/template/memberlist_search.html b/phpBB/styles/prosilver/template/memberlist_search.html
index ee89b103b5..c46b94f102 100644
--- a/phpBB/styles/prosilver/template/memberlist_search.html
+++ b/phpBB/styles/prosilver/template/memberlist_search.html
@@ -1,3 +1,38 @@
+<script>
+	function showHint(str)
+	{ 
+		if (str.length==0)
+		  { 
+		  document.getElementById("livesearch").innerHTML="";
+		  document.getElementById("livesearch").style.border="0px";
+		  return;
+		  }
+		if (window.XMLHttpRequest)
+		  {// code for IE7+, Firefox, Chrome, Opera, Safari
+		  xmlhttp=new XMLHttpRequest();
+		  }
+		else
+		  {// code for IE6, IE5
+		  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
+		  }
+		xmlhttp.onreadystatechange=function()
+		  {
+		  if (xmlhttp.readyState==4 && xmlhttp.status==200)
+			{
+			document.getElementById("livesearch").innerHTML=xmlhttp.responseText;
+			document.getElementById("livesearch").style.border="0px";
+			}
+		  }
+		xmlhttp.open("GET",'{S_LIVE_SEARCH_ACTION}'+"&q="+str,true);
+		xmlhttp.send();
+	}
+	
+	function clearSearch()
+	{	
+		document.getElementById("livesearch").innerHTML="";
+	}
+</script>
+
 <h2 class="solo">{L_FIND_USERNAME}</h2>
 
 <form method="post" action="{S_MODE_ACTION}" id="search_memberlist">
@@ -9,7 +44,7 @@
 	<fieldset class="fields1 column1">
 	<dl>
 		<dt><label for="username">{L_USERNAME}{L_COLON}</label></dt>
-		<dd><input type="text" name="username" id="username" value="{USERNAME}" class="inputbox" /></dd>
+		<dd><input type="text" name="username" id="username" value="{USERNAME}" class="inputbox" onkeyup="showHint(this.value)" onblur="clearSearch()" /> <table class="table1" id="livesearch"></table> </dd>
 	</dl>
 <!-- IF S_EMAIL_SEARCH_ALLOWED -->
 	<dl>
diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css
index 3d5a0a433d..c8eb5da9a6 100644
--- a/phpBB/styles/prosilver/theme/common.css
+++ b/phpBB/styles/prosilver/theme/common.css
@@ -940,6 +940,17 @@ li.pagination ul {
 	z-index: 51;
 }
 
+/* Live search box */
+#livesearch {
+	width: 30%;
+	margin: 0px;
+	position: absolute;
+	background-color: #12A3EB;
+	box-shadow: 1px 2px 5px rgb(175,167,167);
+	z-index: 999;
+	overflow: auto;
+}
+
 /* Miscellaneous styles
 ---------------------------------------- */
 #forum-permissions {
-- 
cgit v1.2.1