Forum PHP.pl > [JavaScript][HTML][PHP]Wyświetlenie bazy i szukanie rekordu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][HTML][PHP]Wyświetlenie bazy i szukanie rekordu

romkli

2.01.2017, 22:09:17

Witam wszystkich serdecznie. Na tym forum jestem nowy i potrzebuję pomocy w podpowiedzi jak temacie.
Może na początek opiszę założenia: Mam bazę ludzi, wyświetlam ich w tabeli, chciałbym szukać po imieniu i nazwisku (coś w rodzaju find person). W założeniu mam, by szykał nie po naciśnięciu klawisza szukaj, ale po wciśnięciu pierwszej i kolejnych liter, czyli R, wyświetla mi wszystkich (z ograniczenie iliści wyświetlanych rekordów do pięciu) na literę R,. Następnie po naciśnięciu 'o' (suma to 'Ro') wyświetla mi wszystkich zaczynających się na 'Ro' itd
Wiem, że muszę napisać to w JS, ale dopiero raczkuję w nim.
Proszę, podpowiedżcie mi, jak to się fachowo nazywa oraz jak to możliwe jakieś przykłady? W kolejnym wątku dam trochę kodu, jak uporządkuje jego, bo jak narazie jest galimatias.

arturpiotrowski

2.01.2017, 22:17:27

https://jqueryui.com/autocomplete/ ?

romkli

2.01.2017, 22:23:09

Podstrona do szukania po imieniu i nazwisku:
search.php:

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html lang="pl">
 
<head>
    <meta charset="utf-8" />
 
    <style>
        body{
            background-color: #222222;
            font-size: 24px;
            color: white;
        }
    </style>
    <script type="text/javascript">
        function read_keyboard_firstname()
        {
            var firstname = document.getElementById("first_name").value;
            document.getElementById("firstn").innerHTML=firstname;
        }
 
        function read_keyboard_lastname()
        {
            var lastname = document.getElementById("last_name").value;
            document.getElementById("lastn").innerHTML=lastname;
        }
    </script>
</head>
 
<body>
<?php
session_start();
require_once "include/function.php";
require_once "include/function_input.php";
require_once "include/function_people.php";
 
select_people( $first_name, $last_name );
?>
</body>
</html>
[HTML] pobierz, plaintext

Plik z funkcją do wyświetlania rekordów w tabeli wygląda tak:

[PHP] pobierz, plaintext 
<?php
    function select_people( $first_name, $last_name ){
        require_once "connect.php";
        $polaczenie = new mysqli($host, $db_user, $db_password, $db_name);
        if ($polaczenie->connect_errno != 0) {
            throw new Exception(mysqli_connect_errno());
        } else {
            $rezultat = $polaczenie->query("SELECT * FROM people WHERE first_name LIKE '$first_name%' AND last_name LIKE '$last_name%' LIMIT 5");
            $ile = mysqli_num_rows($rezultat);
            echo 'Znaleziono: '.$ile.' rekordów</br>';
            echo '<table align="center" border="1">';
            echo '<tr>';
            echo '<th>First name</th>';
            echo '<th>Last name</th>';
            echo '<th>Option</th>';
            echo '</tr>';
            echo '<tr>';
            echo '<th>'?><input type="text" id="first_name" name="first_name" <?php if (isset($first_name)){ echo 'value = "'.$first_name.'"'; } ?> id="first_name" onkeypress = "read_keyboard_firstname()";/><?php echo '</th>';
            echo '<th>'?><input type="text" id="last_name" name="last_name" <?php if (isset($last_name)){ echo 'value = "'.$last_name.'"'; } ?> id="last_name" onkeypress = "read_keyboard_lastname();"/><?php echo '</th>';
            echo '<th><a href="kokpit.php?id_people='. $id_people .'">Dodaj</a></th>';
            echo '</tr>';
            '<tr>';
            echo '<th><div id="firstn"></div></th>';
            echo '<th><div id="lastn"></div></th>';
            echo '<th></th>';
            echo '</tr>';
            for ($i = 1; $i <= $ile; $i++) {
                $row = mysqli_fetch_assoc($rezultat);
                $id_people = $row['id_people'];
                $first_name = $row['first_name'];
                $last_name = $row['last_name'];
                echo '<tr>';
                echo '<td>' . $first_name . '</td>';
                echo '<td>' . $last_name . '</td>';
                echo '<td></td>';
                echo '</tr>';
            }
            echo '</table>';
            $polaczenie->close();
        }
    }
?>
[PHP] pobierz, plaintext

Wada mojej strony jest to, że z opóźnieniem jednej litery wyświetla mi literę, czyli po wciśnięciu 'R' nic nie wyświetla, dopiero po wciśnięciu 'o' wyświetla mi pierwszą literę 'R itd. W tym kodzie jeszcze nie mam napisanego jak przerobić wyświetlane litery by mogły być użyte do szukania jeszcze nie szuka.

Kishin

3.01.2017, 09:22:06

zamień onkeypress na onKeyUp.

romkli

5.01.2017, 01:17:05

Cytat(Kishin @ 3.01.2017, 10:22:06 )

zamień onkeypress na onKeyUp.

Dzieki, pomogło. Nie ma teraz opóźnienia.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.