Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][PHP] Autouzupełnianie formularza
webspy
post
Post #1





Grupa: Zarejestrowani
Postów: 186
Pomógł: 9
Dołączył: 3.03.2008

Ostrzeżenie: (0%)
-----


Witam,
Mam taki mały problem, a mianowicie chodzi o autouzupełnianie formularza.
Przykład:
Po wpisaniu w pierwszym input imienia i nazwiska ma uzupełniać pozostałe input i textarea o adres, email, telefon itp.
Wszystko jest zapisane w bazie mysql.
Jest jakiś dobry sposób na ten problem?
Czytałem o autocomplete ale nie wiem jak połączyć to z bazą mysql i rozwiązanie tego zajmnie mi trochę czasu (powoli to rozgryzę) jeśli nie ma innego rozwiązania to będę kombinował z tym autocomplete.

Najprostrzym rozwiązaniem byłoby zrobienie jednego formularza z polem imie i nazwisko i przejscie do drugiej strony z weryfikacja danych, jesli taki koles istnieje w bazie to uzupelnia a jesli nie to zostaje puste, to umiem zrobić. Tylko chciałbym bez odswieżania strony.

Pozdrawiam.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
webspy
post
Post #2





Grupa: Zarejestrowani
Postów: 186
Pomógł: 9
Dołączył: 3.03.2008

Ostrzeżenie: (0%)
-----


Dobra wykombinowalem takie coś:

  1. <input type="text" id="personalia">
  2. <input type="text" id="adres">
  3. <input type="text" id="telefon">


Kod
<script type="text/javascript">
    $(document).ready(function(){
        var ac_config = {
            source: "baza.php",
            select: function(event, ui){
                $("#personalia").val(ui.item.personalia);
                $("#adres").val(ui.item.adres);
                $("#telefon").val(ui.item.telefon);
                return false;
            },
            minLength:1
        };
        $("#personalia").autocomplete(ac_config);
    });

    </script>


W pliku baza wyswietla wszsytkie dane w formie JSON - sprawdzalem
Jak zrobić aby szykało tylko jednego wyniku? co dodać do script a co do php (pewnie jakiś get)

  1. <?php
  2. $pdo = new PDO('mysql:polaczenie z baza);
  3. $stmt = $pdo->query("SELECT personalia, adres, telefon FROM tabela");
  4. $res = $stmt->fetchall(PDO::FETCH_ASSOC);
  5. $stmt->closeCursor();
  6. echo json_encode($res);
  7. ?>


Nie wyświetla żadnego wyniku po wpisywaniu w input, pole robi się jakby aktywne jakby miało się coś wyświetlać ale nic nie wyświetla.

Proszę o pomoc już przeczytałem chyba setki stron z tym problemem.
Może mam złe pliki js?
  1. <link rel="stylesheet" href="http://af-design.com/styles/jquery-ui-1.8.1.custom.css" type="text/css" media="all" />
  2. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
  3. <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js" type="text/javascript"></script>


Czy to wystarczy czy trzeba coś więcej?

Wyswietla juz wyniki, lecz zostal problem: nie uzupelnia reszty input'ow

Ściągnąłem demo i wychodzi na to że już pokazują się wyniki tylko że z błędem

(IMG:http://webspy.strefa.pl/temp/autocomplete.jpg)

Co może być spowodowane takim wyświetlaniem wyniku?
Ten błąd pokazuje się tylko przy wpisaniu pierwszej litery jak już wpiszę drugą to wyświetla prawidłowo.

Ten post edytował webspy 9.12.2012, 20:14:47
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 16.10.2025 - 06:52