Как сделать вывод всех пользователей пока поле пустое?

@didon27 · Регистрация: 29.09.2016

Студворк — интернет-сервис помощи студентам

Есть поиск пользователей написан на php,html,js при вводе в поле имя выводит пользователя но пока поле пусто не чего не выводит,как сделать так что бы пока поле пусто выводило всех пользователей если что вод код,и как сделать что бы не только за именем,а и за именем и фамилией искало

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE HTML>
<html>
<head>
    <style>
 .int{
 line-height: 5pt;
}
 
    </style>
    
</head>
</body>
</html>
<?php
 
define("DB_HOST","localhost");
define("DB_NAME","mydb"); //Имя базы
define("DB_USER","root"); //Пользователь
define("DB_PASSWORD",""); //Пароль
define("PREFIX",""); //Префикс если нужно
 
$mysqli = new mysqli(DB_HOST, DB_USER, DB_PASSWORD, DB_NAME);
$mysqli -> query("SET NAMES 'utf8'") or die ("Ошибка соединения с базой!");
 
if(!empty($_POST["referal"])){ //Принимаем данные
 
    $referal = trim(strip_tags(stripcslashes(htmlspecialchars($_POST["referal"]))));
 
    $db_referal = $mysqli -> query("SELECT * from users search WHERE name_user LIKE '%$referal%'")
    or die('Ошибка №'.__LINE__.'<br>Обратитесь к администратору сайта пожалуйста, сообщив номер ошибки.');
 
    while ($row = $db_referal -> fetch_array()) {
        echo "\n<li><img  src='avatars/" .$row['avatar'] ."'  width=80 height=80  align=left hspace=2 vspace=5' ><strong><font color=#0e3f77 size=4px ><p class=int align=top  >  &nbsp&nbsp" .$row['name_user'] ." " .$row['lastname']. "</p></font><font color=#b1b1b2 size=3px><p class=int  align=bottomtop>&nbsp&nbsp&nbsp" .$row['country'] ." " .$row['city']. "</p></font><font color=#b1b1b2 size=3px ><p class=int >&nbsp&nbsp&nbsp " .$row['birthday'] . "&nbspлет</p></font></strong>"; 
         }
 
}
 
 
?>

@Jodah · 18.11.2016, 18:10

Сообщение от didon27

написан на php,html,js

Не вижу ни JS, ни форму.

Сообщение от didon27

как сделать так что бы пока поле пусто выводило всех пользователей

Как сделан поиск, так и сделайте и вывод всех юзеров. По идее нужно на место части имени юзера подставить пустую строку.

Сообщение от didon27

и как сделать что бы не только за именем,а и за именем и фамилией искало

Отправлять запрос с именем и фамилией.

Если у вас уже есть рабочий поиск, не сложно же скопипастить и заменить имя на фамилию.

HTML кривой. <body> нет, контент идёт после </html>... беда.

@Razip · 19.11.2016, 10:01

Запускайте один раз тот обработчик, который обрабатывает ввод строки при прогрузке страницы.

@didon27 · 19.11.2016, 10:09 **[ТС]**

Вот

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
$(function(){
    
    //Живой поиск
    $('.who').bind("change keyup input click", function() {
        if(this.value.length >= 2){
            $.ajax({
                type: 'post',
                url: "search.php", //Путь к обработчику
                data: {'referal':this.value},
                response: 'text',
                success: function(data){
                    $(".search_result").html(data).fadeIn(); //Выводим полученые данные в списке
                }
            })
        }
    })
    
    $(".search_result").hover(function(){
        $(".who").blur(); //Убираем фокус с input
    })
    
    //При выборе результата поиска, прячем список и заносим выбранный результат в input
    $(".search_result").on("click", "li", function(){
        s_user = $(this).text();
        //$(".who").val(s_user).attr('disabled', 'disabled'); //деактивируем input, если нужно
        $(".search_result").fadeOut();
    })
 
})

Добавлено через 4 минуты
Скрипт подправил

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE HTML>
<html>
<head>
    <style>
 .int{
 line-height: 5pt;
}
 
    </style>
    
</head>
<body>
<?php
 
define("DB_HOST","localhost");
define("DB_NAME","mydb"); //Имя базы
define("DB_USER","root"); //Пользователь
define("DB_PASSWORD",""); //Пароль
define("PREFIX",""); //Префикс если нужно
 
$mysqli = new mysqli(DB_HOST, DB_USER, DB_PASSWORD, DB_NAME);
$mysqli -> query("SET NAMES 'utf8'") or die ("Ошибка соединения с базой!");
 
if(!empty($_POST["referal"])){ //Принимаем данные
 
    $referal = trim(strip_tags(stripcslashes(htmlspecialchars($_POST["referal"]))));
 
    $db_referal = $mysqli -> query("SELECT * from users search WHERE name_user LIKE '%$referal%'")
    or die('Ошибка №'.__LINE__.'<br>Обратитесь к администратору сайта пожалуйста, сообщив номер ошибки.');
 
    while ($row = $db_referal -> fetch_array()) {
        echo "\n<li><img  src='avatars/" .$row['avatar'] ."'  width=80 height=80  align=left hspace=2 vspace=5' ><strong><font color=#0e3f77 size=4px ><p class=int align=top  >  &nbsp&nbsp" .$row['name_user'] ." " .$row['lastname']. "</p></font><font color=#b1b1b2 size=3px><p class=int  align=bottomtop>&nbsp&nbsp&nbsp" .$row['country'] ." " .$row['city']. "</p></font><font color=#b1b1b2 size=3px ><p class=int >&nbsp&nbsp&nbsp " .$row['birthday'] . "&nbspлет</p></font></strong>"; 
         }
 
}
 
 
?>
</body>
</html>

@Razip · 19.11.2016, 16:00

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
//Живой поиск
function funcName() {
    if(this.value.length >= 2){
        $.ajax({
            type: 'post',
            url: "search.php", //Путь к обработчику
            data: {'referal':this.value},
            response: 'text',
            success: function(data){
                $(".search_result").html(data).fadeIn(); //Выводим полученые данные в списке
            }
        })
    }
}
 
 
$('.who').bind("change keyup input click", funcName)
 
$(document).load(function() {
    funcName();
});

Как-то так.

Добавлено через 4 часа 30 минут
Тьфу, там должно быть не $(document).load(function( а $(document).ready(function(

@didon27 · 19.11.2016, 18:20 **[ТС]**

Но оно же не чего не меняет,вставил оно как было так и осталось

@didon27 · 19.11.2016, 18:23 **[ТС]**

Вот как оно выглядит,а мне нужно что бы сначала выводило всех пользователей пока поле для поиска пустое,а когда заполнено выводило пользователя которого указали вот как выглядит пока поле пустое и когда заполнено.

@Razip · 20.11.2016, 13:13

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
//Живой поиск
function funcName() {
    if($('.who').value.length >= 2){
        $.ajax({
            type: 'post',
            url: "search.php", //Путь к обработчику
            data: {'referal':this.value},
            response: 'text',
            success: function(data){
                $(".search_result").html(data).fadeIn(); //Выводим полученые данные в списке
            }
        })
    }
}
 
 
$('.who').bind("change keyup input click", funcName)
 
$(document).ready(function() {
    funcName();
});

А так?

@didon27 · 20.11.2016, 13:18 **[ТС]**

Не чего не меняется.

@Razip · 20.11.2016, 13:22

Ошибки показываются в консоли разработчика?

@didon27 · 20.11.2016, 14:35 **[ТС]**

Не ошибок не показывает.

Добавлено через 1 минуту
Можете скинуть этот код целиком,может какие то ошибки допускаю при вставке.

Добавлено через 44 минуты
Теперь при заполнения поля вообще не чего не происходит,я не очень розбираюсь в js но может прописать что если input пустой то включает search.php если пустой то people.php в котором прописан через php вывод всех пользователей.

@Razip · 21.11.2016, 09:54

Я выбрал неправильную тактику редактировать ваш код не зная толком логики его работы. Лучше покажу простой пример, а вы сами его подгоните под вашу задачу.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<div id="output"></div>
<input id="input">
<script>
    var first = false;
 
    var count = 0;
 
    // эта функция должна запускаться
    // при изменение значения поля #input
    // и при запуске страницы
    var handler = function() {
        count++;
 
        if (count > 0 && first === false) {
            first = true;
 
            alert('Функция запустилась первый раз');
        }
 
        $('#output').append(count);
    };
 
    // обработчик может быть установлен
    // на любое событие
    $('#input').keydown(handler);
 
    $(document).ready(function() {
        handler();
    });
</script>

Создайте новый HTML-файл, вставьте туда код и откройте эту страницу в браузере. Как вы уже заметили, не нужно делать абсолютно никаких действий чтобы функция handler() запустилась 1 раз - это происходит автоматически при полной загрузке страницы.

@didon27 · 21.11.2016, 20:07 **[ТС]**

Вот не знаю правильно ли,но куда пихать условие если поле инпут пуст,и вывод всех пользователей реализован на пхп а не на жс.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<div id="output"></div>
    <input type="text" name="referal" placeholder="Поиск" value="" class="who"  autocomplete="off">
    <ul class="search_result"></ul>
<script>
    var first = false;
 
    var count = 0;
 
    // эта функция должна запускаться
    // при изменение значения поля #input
    // и при запуске страницы
    var handler = function() {
        count++;
 
        if (count > 0 && first === false) {
            first = true;
 
            alert('Функция запустилась первый раз');
        }
 
        $('#output').append(count);
    };
 
    // обработчик может быть установлен
    // на любое событие
    $('#input').keydown(handler);
 
    $(document).ready(function() {
            $('.who').bind("change keyup input click", function() {
        if(this.value.length >= 2){
            $.ajax({
                type: 'post',
                url: "search.php", //Путь к обработчику
                data: {'referal':this.value},
                response: 'text',
                success: function(data){
                    $(".search_result").html(data).fadeIn(); //Выводим полученые данные в списке
                }
            })
        }
    })
    
    $(".search_result").hover(function(){
        $(".who").blur(); //Убираем фокус с input
    })
    
    //При выборе результата поиска, прячем список и заносим выбранный результат в input
    $(".search_result").on("click", "li", function(){
        s_user = $(this).text();
        //$(".who").val(s_user).attr('disabled', 'disabled'); //деактивируем input, если нужно
        $(".search_result").fadeOut();
    })
 
        handler();
    });
</script>

@didon27 · 23.11.2016, 09:43 **[ТС]**

Razip, ну так что скажете а то в ЖС я почти почти полный 0.

@Razip · 23.11.2016, 10:29

Сообщение от didon27

Вот не знаю правильно ли,но куда пихать условие если поле инпут пуст,и вывод всех пользователей реализован на пхп а не на жс.

А получаете результат PHP-обработчика не через JS? Насчет кода - зачем было все в кучу скидывать? Возьмите мой последний пример и замените мой тестовый код своим. Не забывайте, что я не разбираюсь в логике работы вашей программы, поэтому дорабатывать придется вам самим.

@didon27 · 23.11.2016, 13:07 **[ТС]**

Я не понимаю куда вставить условие если поле пустое и если оно заполнено,и как указать где находиться пхп скрипт обработчик

@didon27 · 24.11.2016, 23:56 **[ТС]**

Ну как это сделать,я не очень понимаю вот я вставил код поиска но не знаю куда вставить пхп код для вывода все пользователей

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<div id="output"></div>
 <head>
 
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="tet.php"></script>
    
    <style>
     .who{
 position:absolute;
  top:20px;
  left:100px;
      border-radius: 4px;
      width:400px;
      height:25px;
  
}
 
 .search{
    position:relative;
}
 
.search_result{
 position:absolute;
  top:100px;
  left:150px;
    background: #FFF;
    border: 1px #ccc solid;
    width: 500px;
    border-radius: 4px;
    max-height:400px;
    overflow-y:scroll;
 
}
 
.search_result li{
    list-style: none;
    padding: 5px 10px;
    margin: 0 0 0 -40px;
    color: #0896D3;
    border-bottom: 1px #ccc solid;
    cursor: pointer;
    transition:0.3s;
}
 
.search_result li:hover{
    background: #edeef0;
}
    </style>
    
</head>
 
<body>
 
    <input type="text" name="referal" placeholder="Поиск" value="" class="who"  autocomplete="off">
    <ul class="search_result"></ul>
 
</body>
<script>
    var first = false;
 
    var count = 0;
 
    // эта функция должна запускаться
    // при изменение значения поля #input
    // и при запуске страницы
    var handler = function() {
        count++;
 
$(function(){
    
    //Живой поиск
    $('.who').bind("change keyup input click", function() {
        if(this.value.length >= 2){
            $.ajax({
                type: 'post',
                url: "search.php", //Путь к обработчику
                data: {'referal':this.value},
                response: 'text',
                success: function(data){
                    $(".search_result").html(data).fadeIn(); //Выводим полученые данные в списке
                }
            })
        }
    })
    
    $(".search_result").hover(function(){
        $(".who").blur(); //Убираем фокус с input
    })
    
    //При выборе результата поиска, прячем список и заносим выбранный результат в input
    $(".search_result").on("click", "li", function(){
        s_user = $(this).text();
        //$(".who").val(s_user).attr('disabled', 'disabled'); //деактивируем input, если нужно
        $(".search_result").fadeOut();
    })
 
})
    };
 
    // обработчик может быть установлен
    // на любое событие
    $('#input').keydown(handler);
 
    $(document).ready(function() {
        handler();
    });
</script>

Добавлено через 42 секунды
Вот что нужно вставить

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?php
 
require_once("bd.php");
$sql_select = mysql_query("SELECT 
                *
                FROM `users`");
        if(mysql_num_rows($sql_select)>0){
            while($row = mysql_fetch_assoc($sql_select)){       $color = "black";
$result_avatar .= "<br/><p><strong class='name'><font  style='font-size: 22px' color=$color>" .$row['name_user'] ."    ".$row['lastname'].
                "</font></strong><strong></p><img class='avatar0' src='avatars/" .$row['avatar'] ."'width=110 height=110'></p> 
                <p>" . $row['name_user'] . ' <a href=\'friends.php?add=' . $row['id'] . "\'>Добавить в друзья</a></p>
                <p>&nbsp&nbsp&nbspНахожусь : " .$row['country'] ." " .$row['city']. "</p>
                <p>&nbsp&nbsp&nbspВозраст: " .$row['birthdate_year'] . "</p>
                <p>&nbsp&nbsp&nbspСтатус: " .$row['status'] . "</p>
                 <p>&nbsp&nbsp&nbspПол: " .$row['sex'] . "</p>----------------------------------------------------------------------------<br/>";
 
            }
 
        ?>
<?php

Новые блоги и статьи Все статьи Все блоги /
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .

@Razip 268 / 268 / 109 Регистрация: 22.08.2013 Сообщений: 907
	19.11.2016, 10:01
	Запускайте один раз тот обработчик, который обрабатывает ввод строки при прогрузке страницы. 0

@didon27 0 / 0 / 0 Регистрация: 29.09.2016 Сообщений: 87
	19.11.2016, 18:20 [ТС]
	Но оно же не чего не меняет,вставил оно как было так и осталось 0

@didon27 0 / 0 / 0 Регистрация: 29.09.2016 Сообщений: 87
	19.11.2016, 18:23 [ТС]
	Вот как оно выглядит,а мне нужно что бы сначала выводило всех пользователей пока поле для поиска пустое,а когда заполнено выводило пользователя которого указали вот как выглядит пока поле пустое и когда заполнено. Миниатюры 0

@didon27 0 / 0 / 0 Регистрация: 29.09.2016 Сообщений: 87
	20.11.2016, 13:18 [ТС]
	Не чего не меняется. 0

@Razip 268 / 268 / 109 Регистрация: 22.08.2013 Сообщений: 907
	20.11.2016, 13:22
	Ошибки показываются в консоли разработчика? 0

@didon27 0 / 0 / 0 Регистрация: 29.09.2016 Сообщений: 87
	20.11.2016, 14:35 [ТС]
	Не ошибок не показывает. Добавлено через 1 минуту Можете скинуть этот код целиком,может какие то ошибки допускаю при вставке. Добавлено через 44 минуты Теперь при заполнения поля вообще не чего не происходит,я не очень розбираюсь в js но может прописать что если input пустой то включает search.php если пустой то people.php в котором прописан через php вывод всех пользователей. 0

@didon27 0 / 0 / 0 Регистрация: 29.09.2016 Сообщений: 87
	23.11.2016, 09:43 [ТС]
	Razip, ну так что скажете а то в ЖС я почти почти полный 0. 0

@didon27 0 / 0 / 0 Регистрация: 29.09.2016 Сообщений: 87
	23.11.2016, 13:07 [ТС]
	Я не понимаю куда вставить условие если поле пустое и если оно заполнено,и как указать где находиться пхп скрипт обработчик 0