mirror/php-phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-08-05 16:27:38 +02:00
Code Issues Releases Wiki Activity

[ticket/10737] Adding username suggestions in "Find a member" using AJAX

Browse Source 
PHPBB3-10737
This commit is contained in:
Suhaib Khan
2014-02-06 18:32:59 +05:30
committed by Cesar G
parent 5b6a675399
commit dad60045b6
5 changed files with 132 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
phpBB/styles/prosilver/template/memberlist_search.html
View File

@@ -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>

11
phpBB/styles/prosilver/theme/common.css
View File

@@ -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 {

37
phpBB/styles/subsilver2/template/memberlist_search.html
View File

@@ -64,6 +64,41 @@
</script>
<!-- ENDIF -->
<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>
<form method="post" action="{S_MODE_ACTION}" name="search">
<table class="tablebg" width="100%" cellspacing="1">
@@ -75,7 +110,7 @@
</tr>
<tr>
<td class="row1"><b class="genmed">{L_USERNAME}{L_COLON}</b></td>
<td class="row2"><input class="post" type="text" name="username" value="{USERNAME}" /></td>
<td class="row2"><input class="post" type="text" name="username" value="{USERNAME}" onkeyup="showHint(this.value)" onblur="clearSearch()" /> <table class="tablebg" id="livesearch"></table> </td>
<!-- IF S_EMAIL_SEARCH_ALLOWED -->
<td class="row1"><b class="genmed">{L_EMAIL}{L_COLON}</b></td>
<td class="row2"><input class="post" type="email" name="email" value="{EMAIL}" /></td>

8
phpBB/styles/subsilver2/theme/stylesheet.css
View File

@@ -703,6 +703,14 @@ pre {
font-weight: bold;
}
#livesearch {
width: 35%;
margin: 0px;
position: absolute;
box-shadow: 1px 2px 5px rgb(175,167,167);
z-index: 999;
overflow: auto;
}
/* Former imageset */
span.imageset {