Live search

This commit is contained in:
Lars van Hijfte
2017-01-26 14:12:04 +01:00
parent 33a640329b
commit feb64002f5
3 changed files with 42 additions and 49 deletions

View File

@@ -0,0 +1,33 @@
function searchUsers(n, m) {
$.post(
"API/searchUsers.php",
{
n: n,
m: m,
search: $("#search-input").val(),
filter: $("#search-filter").val()
}
).done(function(data) {
console.log(data);
if (!showFriends(data, "#search-users-list", 0, "profile.php", "GET")) {
$("#search-users-list").text("Niemand gevonden");
}
});
}
function searchGroups(n, m) {
$.post(
"API/searchGroups.php",
{
n: n,
m: m,
search: $("#search-input").val(),
filter: $("#search-filter").val()
}
).done(function(data) {
console.log(data);
if (!showGroups(data, "#search-groups-list")) {
$("#search-groups-list").text("Geen groepen gevonden");
}
});
}

View File

@@ -9,6 +9,8 @@
<style> <style>
@import url("styles/search.css"); @import url("styles/search.css");
</style> </style>
<script src="js/search.js"></script>
</head> </head>
<body> <body>
<?php <?php

View File

@@ -37,14 +37,18 @@ $group_count = countSomeGroups($search)->fetchColumn();
Zoek: Zoek:
</label> </label>
<input type="text" <input type="text"
id="search-input"
name="search" name="search"
onkeyup="
searchUsers(<?= $user_n ?>, <?= $user_perpage ?>);
searchGroups(<?= $group_n ?>, <?= $group_perpage ?>);"
placeholder="Zoek" placeholder="Zoek"
value=<?php echo "$search";?> value=<?php echo "$search";?>
> >
<label for="filter"> <label for="filter">
Filter: Filter:
</label> </label>
<select name="filter"> <select name="filter" id="search-filter">
<option value="personal" <option value="personal"
<?php if ($filter == "personal") echo "selected";?>> <?php if ($filter == "personal") echo "selected";?>>
Persoonlijk</option> Persoonlijk</option>
@@ -79,22 +83,9 @@ $group_count = countSomeGroups($search)->fetchColumn();
</select> </select>
<ul id='search-users-list' class='nav-list'> <ul id='search-users-list' class='nav-list'>
<script> <script>
$(document).ready(function(){ $(document).ready(function(){
$.post( searchUsers(<?= $user_n ?>, <?= $user_perpage ?>);
"API/searchUsers.php",
{
n: "<?= $user_n ?>",
m: "<?= $user_perpage ?>",
search: "<?= $search ?>",
filter: "<?= $filter ?>"
}
).done(function(data) {
if (!showFriends(data, "#search-users-list", 0, "profile.php", "GET")) {
$("#search-friends-output").append("Niemand gevonden");
}
});
}); });
</script> </script>
</ul> </ul>
@@ -122,42 +113,9 @@ $group_count = countSomeGroups($search)->fetchColumn();
<ul id="search-groups-list" class="nav-list"> <ul id="search-groups-list" class="nav-list">
<script> <script>
$(document).ready(function(){ $(document).ready(function(){
$.post( searchGroups(<?= $group_n ?>, <?= $group_perpage ?>);
"API/searchGroups.php",
{
n: "<?= $group_n ?>",
m: "<?= $group_perpage ?>",
search: "<?= $search ?>",
filter: "<?= $filter ?>"
}
).done(function(data) {
console.log(data);
if (!showGroups(data, "#search-groups-list")) {
$("#search-groups-list").append("Geen groepen gevonden");
}
});
}); });
</script> </script>
<?php
// $q = searchSomeGroups($group_n, $user_perpage, $search);
//
// while ($group = $q->fetch(PDO::FETCH_ASSOC)) {
// $groupname = $group['name'];
// $grouppic = $group['picture'];
//
// echo("
// <a href='https://myhyvesbookplus.nl/group?groupName=$groupname'>
// <li class='search-item'>
// <div class='group'>
// <img class='group-picture'
// src='$grouppic'>
// $groupname
// </div>
// </li>
// </a>
// ");
// }
?>
</ul> </ul>
</div> </div>
</div> </div>