Forum PHP.pl > [MySQL][JavaScript][PHP]Wyszukiwanie w polu formularza danych z MySQL podczas pisania

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [MySQL][JavaScript][PHP]Wyszukiwanie w polu formularza danych z MySQL podczas pisania

jacknn

17.01.2014, 19:53:15

Mam sobie jakąś bazę i jakiś formularz który dodaje do niej rekordy. Chciałbym stworzyć formularz w którym w jednym z pól podczas pisania będę miał podpowiedzi z wpisów już istniejących w bazie celem zaoszczędzenia czasu i pomyłek. Proszę o sugestie lub pomoc w zrealizowaniu takiego formularza.

YourFrog

17.01.2014, 19:57:11

Plugin Autocomplete dla JQuery świetnie się nadaje do takich rzeczy.

http://jqueryui.com/autocomplete/#custom-data

jacknn

17.01.2014, 20:02:51

Dokładnie o coś takiego mi chodzi. Tylko teraz jak połączyć tutaj php i jQuery aby to zadziałało, ma ktoś jakiś przykład abym mógł popatrzeć i się wzorować?

Turson

17.01.2014, 21:08:34

Ajaxem przesyłasz jsona do jquery z php

krzesik

18.01.2014, 00:00:38

...........
<html>
<script type="text/javascript">
$(document).ready(
function(){
$("input#imie_nazwisko").autocomplete("nazwa_pliku_z_wyszukiwaniem_danych.php", {
width: 230,
max: 10,
selectFirst: false,
matchContains: true,
cacheLength: 1
});
});
</script>
</html>

[PHP] pobierz, plaintext 
<input type="text" id="imie_nazwisko" onblur="submit();" name="imie_nazwisko" title="Nazwisko i Imię " value="<?php if (!empty($_POST['imie_nazwisko'])) echo $_POST['imie_nazwisko']; else echo $_SESSION['login']; ?>"
onblur="if(this.value=='') this.value='<?php if (!empty($_POST['imie_nazwisko'])) echo $_POST['imie_nazwisko']; else echo $_SESSION['login'];?>';" onfocus="if(this.value=='<?php if (!empty($_POST['imie_nazwisko'])) echo $_POST['imie_nazwisko']; else echo $_SESSION['login'];?>') this.value='';" />
[PHP] pobierz, plaintext

zawartość pliku wyszukującego dane do Autocomplete

[PHP] pobierz, plaintext 
<?php
$q = strtolower($_GET["q"]);
if(!$q) return;
$query3 = "SELECT DISTINCT imie_nazwisko FROM NAZWA_TABELI where imie_nazwisko like '%$q%'";
mysql_query('SET CHARSET utf8'); 
$result3 = mysql_query($query3);
while($row=mysql_fetch_array($result3))
{
$dane = $row['imie_nazwisko'];
echo "$dane\n";  
}
?>
 
[PHP] pobierz, plaintext

jacknn

18.01.2014, 15:41:56

Wielkie dzięki, działa wyśmienicie.

alex19

18.01.2014, 16:41:44

A może data-list dla pola input?

http://www.w3schools.com/tags/att_input_list.asp

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.