Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][JS]Wyszukiwarka na stronę - Jak zrobić?
xSebaPL
post
Post #1





Grupa: Zarejestrowani
Postów: 61
Pomógł: 0
Dołączył: 28.11.2014

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

Witam, chciałbym się zapytać jak zrobić wyszukiwarkę na stronę. Chodzi o to że wpisuję kolejne literki w wyszukiwarkę, a ona po prostu segreguje dane wychodzące z mysql. No i właśnie tego nie potrafię zrobić (IMG:style_emoticons/default/sad.gif) W tej chwili mam zrobione tylko wyszukiwarkę(że pobiera frazy) no i jeszcze wyświetlanie danych z mysql.

A więc tak wygląda wyszukiwarka:
[HTML] pobierz, plaintext 
  1. <head><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script></head>
  2. Wyszukaj:<br>
  3. <input id="wyszukiwanaFraza" type="text" value="">
  4. <div id="test"></div>
  5.  
  6. <script>
  7. $("#wyszukiwanaFraza").keypress(function() {
  8. 	var data = document.getElementById('wyszukiwanaFraza').value;
  9. 	$("#test").text(data);
  10. });
  11. </script>
[HTML] pobierz, plaintext


a to jest wyjście z mysql i wyświetlenie danych:
[PHP] pobierz, plaintext 
  1. <?
  2. include("config.php");
  3. db_connect();
  4. $movies = mysql_query("SELECT * FROM movies ORDER BY id");
  5. while($option = mysql_fetch_assoc($movies)) {
  6. echo '<a href="../movies.php?v='.$option['ID'].'"><img id="titlesMain" src="../titlepages/'.$option['ID'].'.jpg" /></a>';
  7. }
  8. db_close()
  9. ?>
[PHP] pobierz, plaintext


No i teraz właśnie chcę żeby dane wychodzące z mysql się segregowały, wiem że to if'em trzeba zrobić ale jaki ma być ten warunek. Mam nadzieje że wiecie o co mi chodzi (IMG:style_emoticons/default/sad.gif) Czy ktoś może mi wskazać jak to zrobić?
Pls Ja być w potrzebie (IMG:style_emoticons/default/sad.gif) (IMG:style_emoticons/default/haha.gif)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 6)
freemp3
post
Post #2





Grupa: Zarejestrowani
Postów: 467
Pomógł: 77
Dołączył: 6.09.2008
Skąd: Miechów / Kraków

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

Tu znajdziesz odpowiedzi na wszystkie swoje pytania, albo przynajmniej na większość (IMG:style_emoticons/default/wink.gif)
https://jqueryui.com/autocomplete
Go to the top of the page
+Quote Post
xSebaPL
post
Post #3





Grupa: Zarejestrowani
Postów: 61
Pomógł: 0
Dołączył: 28.11.2014

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

Okey, spróbowałem to zrobić tak:
searchOptions.php:
[HTML] pobierz, plaintext 
  1. <head><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
  2. <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script></head>
  3. Wyszukaj:<br>
  4. <input id="wyszukiwanaFraza" type="text" value="">
  5. <div id="test"></div>
  6.  
  7. <script>
  8. var moviesList= new Array();
  9. $("#wyszukiwanaFraza").autocomplete({
  10. 	$.ajax({
  11. 		type: 'POST',
  12. 		url: "/mainpage.php",
  13. 		data: moviesList,
  14. 		contentType: "application/json; charset=utf-8",
  15. 		dataType: "json",
  16. 		success: function(result) {
  17. 		}
  18. 	});
  19. 	source: moviesList,
  20. 	change: function( event, ui ) {
  21. 	$("#test").text(ui.data.value);
  22. 	}
  23. });
  24.  
  25. </script>
[HTML] pobierz, plaintext


no i mainpage.php:
[PHP] pobierz, plaintext 
  1. <?
  2. include("config.php");
  3. db_connect();
  4. $movies = mysql_query("SELECT * FROM movies ORDER BY id");
  5. $moviesList = [];
  6. $mN = 0;
  7. while($option = mysql_fetch_assoc($movies)) {
  8. echo '<a href="../movies.php?v='.$option['ID'].'"><img id="titlesMain" src="../titlepages/'.$option['ID'].'.jpg" /></a>';
  9. $moviesList[$mN]=$option['NAME'];
  10. $mN=$mN+1;
  11. }
  12. header("Content-Type: application/json");
  13. //echo $moviesList;
  14. json_encode($moviesList);
  15. db_close()
  16. ?>
[PHP] pobierz, plaintext


Wyszukiwarka nie działa, znaczy po wpisaniu frazy nic nie wyświetla. Czy zna się ktoś może na tym JSON i AJAX i wie jak to obsługiwać?

Ten post edytował xSebaPL 23.01.2016, 03:36:26
Go to the top of the page
+Quote Post
freemp3
post
Post #4





Grupa: Zarejestrowani
Postów: 467
Pomógł: 77
Dołączył: 6.09.2008
Skąd: Miechów / Kraków

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

Trochę pomieszałeś (IMG:style_emoticons/default/smile.gif)
Opcja "source" powinna być funkcją, a nie tablicą tak jak w Twoim przykładzie. W tej funkcji natomiast powinno znajdować się żądanie Ajax, które pobierze podpowiedzi i przekaże dalej (IMG:style_emoticons/default/smile.gif)
Przykład: https://jqueryui.com/autocomplete/#remote-jsonp
Go to the top of the page
+Quote Post
xSebaPL
post
Post #5





Grupa: Zarejestrowani
Postów: 61
Pomógł: 0
Dołączył: 28.11.2014

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

Ok pozamieniałem ale wciąż nie działa:
[PHP] pobierz, plaintext 
  1. $("#wyszukiwanaFraza").autocomplete({
  2. 	source: function(request, response) {
  3. 		$.ajax({
  4. 			type: 'POST',
  5. 			url: "/mainpage.php",
  6. 			dataType: "json",
  7. 			success: function(data) {
  8. 				response(data);
  9. 				$("#test").text("Fuck yeah!");
  10. 			},
  11. 			error: function(obj,text,error) {
  12. 				$("#test").text(text + ": " + error);
  13. 			}
  14. 		});,
  15. 	},
  16. 	change: function( event, data ) {
  17. 		$("#test").text(data);
  18. 	}
  19. });
[PHP] pobierz, plaintext


Jedyna różnica to taka że błąd się nie wyświetla, ale wyszukiwarka dalej nie wyszukuje...
Go to the top of the page
+Quote Post
freemp3
post
Post #6





Grupa: Zarejestrowani
Postów: 467
Pomógł: 77
Dołączył: 6.09.2008
Skąd: Miechów / Kraków

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

Sprawdziłeś co zwraca ajax? Wyświetl w konsoli to co dostajesz w zmiennej "data".
Go to the top of the page
+Quote Post
xSebaPL
post
Post #7





Grupa: Zarejestrowani
Postów: 61
Pomógł: 0
Dołączył: 28.11.2014

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

Właściwie to założyłem nowy temat odnośnie tego ajaxa, bo z ajaxami ja mam straszny problem a w tym temacie nikt nie odpisywał. Podaje link do tamtego tematu
Temat: JavaScriptAJAXPHPPrzeslanie array przez ajax

tam wszystko opisałem co i jak wyświetla
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 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: 4.04.2026 - 14:21
Powered By IP.Board © 2026  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn