Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Wyszukiwanie jQuery bez przeładowania
lukasheek88
post
Post #1





Grupa: Zarejestrowani
Postów: 91
Pomógł: 0
Dołączył: 16.11.2011

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

Witam wszystkich,
mam pewien problem, a mianowicie mam tabelkę składającą się z 10 wierszy. W pierwszej kolumnie są inputy gdzie wprowadzam pewien indeks, w drugiej kolumnie chciałbym mieć wynik wyszukania danego indeksu. Chciałbym by to wszystko wyszukiwało się bez przeładowania strony za pomocą jQuery. Czyli wpisuje w pierwszym inpucie jakiś indeks, w drugiej kolumnie dla tego indeksu wyświetla mi wynik, itd, drugi i kolejny wiersz tak samo, wpisuje w inpucie indeks a w drugiej kolumnie wstawia mi wynik zapytania. Jak coś takiego zrobić?
Mam coś takiego:
formularz:
[HTML] pobierz, plaintext 
  1. <html>
  2.  <head>
  3.  <script type="text/javascript" src="style/js/wybor.js"></script>
  4. </head>
  5. <body>
  6.  
  7. <form>
  8. <table>
  9. <tr><td>
  10. <input type="text" name="rekord1" onKeyUp="showPart(this.value)">
  11. </td><td><div id="informacja1">Wynik:</div></td></tr>
  12.  
  13. </table>
  14. </form>
  15.  
  16.  
  17. </body>
  18. </html> 
[HTML] pobierz, plaintext


Plik odpowiedzialny za zapytanie do bazy:
[PHP] pobierz, plaintext 
  1. $query = "SELECT * FROM tabela WHERE indeks LIKE '%".$part."%'";
  2. $wyniki = mysql_query($query);
  3.  
  4. while($wiersz=mysql_fetch_array($wyniki))
  5. {
  6. echo $wiersz['wynik'];
  7. }
[PHP] pobierz, plaintext


oraz plik wybor.js
var xmlhttp;
[HTML] pobierz, plaintext 
  1. function showPart(str)
  2. {
  3. xmlhttp=GetXmlHttpObject();
  4. var url="baza.php";
  5. url=url+"?part="+str;
  6. url=url+"&sid="+Math.random();
  7. xmlhttp.onreadystatechange=stateChanged;
  8. xmlhttp.open("GET",url,true);
  9. xmlhttp.send(null);
  10. }
  11.  
  12. function stateChanged()
  13. {
  14. if (xmlhttp.readyState==4)
  15. {
  16. document.getElementById("informacja1").innerHTML=xmlhttp.responseText;
  17. document.getElementById("informacja2").innerHTML=xmlhttp.responseText;
  18. document.getElementById("informacja3").innerHTML=xmlhttp.responseText;
  19. }
  20. }
  21.  
  22. function GetXmlHttpObject()
  23. {
  24. if (window.XMLHttpRequest)
  25.  {
  26.  return new XMLHttpRequest();
  27.  }
  28. return null;
  29. }
  30.  
[HTML] pobierz, plaintext

Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 7)
trueblue
post
Post #2





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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

Z jQuery niewiele ma to wspólnego.
Chcesz wszystkie rekordy spełniającego warunek wyświetlić w tym jednym polu? Jeśli nie, to dlaczego w skrypcie php jest pętla while?
Brak jest pozostałych input i div.
Czy w przypadku modyfikacji jednego input mają być odczytywane również pozostałe i aktualizowane wyniki?


--------------------
https://kawalekkodu.pl
Go to the top of the page
+Quote Post
lukasheek88
post
Post #3





Grupa: Zarejestrowani
Postów: 91
Pomógł: 0
Dołączył: 16.11.2011

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

Faktycznie,
powinienem dopisać jeszcze dwa wiersze oraz div dla informacja2 i informacja3. Ale jak tak zrobilem to zmiana w pierwszym inpucie powoduje zmianę w każdym divie. Chciałbym by zmiana w pierwszym divie zmieniała dane w divie informacja1, zmiana w drugim inpucie zmieniała dane w divie informacja2 itd....
Go to the top of the page
+Quote Post
trueblue
post
Post #4





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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

http://jsfiddle.net/01qob0qt/

Ale jeśli będziesz miał więcej rekordów, to będzie to bardzo kłopotliwe, szczególnie, że nie ułatwiasz sobie korzystając z jQuery.


--------------------
https://kawalekkodu.pl
Go to the top of the page
+Quote Post
lukasheek88
post
Post #5





Grupa: Zarejestrowani
Postów: 91
Pomógł: 0
Dołączył: 16.11.2011

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

A z czego korzystać by nie było to kłopotliwe?
Chce mieć tabelkę i w niej inputy a po wprowadzeniu indeksu w kolumnie obok do kazdego inputu dopasowywala by mi sie wartosc z bazy danych. Coś jak funkcja wyszukaj.pionowo w excelu.
Go to the top of the page
+Quote Post
trueblue
post
Post #6





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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

Z jQuery, o którym wspominałem dwukrotnie.
Pomimo niezastosowania, sprawdziłeś przykład, który podałem?


--------------------
https://kawalekkodu.pl
Go to the top of the page
+Quote Post
lukasheek88
post
Post #7





Grupa: Zarejestrowani
Postów: 91
Pomógł: 0
Dołączył: 16.11.2011

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

Sprawdziłem, nie działa.
Go to the top of the page
+Quote Post
trueblue
post
Post #8





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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

Przeniosłeś kod do siebie? Co dokładnie nie działa?


--------------------
https://kawalekkodu.pl
Go to the top of the page
+Quote Post
« Następny starszy · XML, AJAX · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 20.08.2025 - 04:06
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn