Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [PHP][JS]Wyszukiwarka na stronę - Jak zrobić?
xSebaPL
post 22.01.2016, 06:44:38
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ć 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 sad.gif Czy ktoś może mi wskazać jak to zrobić?
Pls Ja być w potrzebie sad.gif haha.gif
Go to the top of the page
+Quote Post
freemp3
post 22.01.2016, 08:01:49
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ść wink.gif
https://jqueryui.com/autocomplete


--------------------
Niemożliwym jest stworzenie czegokolwiek idiotoodpornego, ponieważ idioci są wyjątkowo pomysłowi.

https://www.aroch.pl
https://themeforest.net/user/aroch
https://www.astroblog.aroch.pl
https://www.4geeks.pl
Go to the top of the page
+Quote Post
xSebaPL
post 23.01.2016, 01:17:27
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 25.01.2016, 13:56:39
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ś 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 smile.gif
Przykład: https://jqueryui.com/autocomplete/#remote-jsonp


--------------------
Niemożliwym jest stworzenie czegokolwiek idiotoodpornego, ponieważ idioci są wyjątkowo pomysłowi.

https://www.aroch.pl
https://themeforest.net/user/aroch
https://www.astroblog.aroch.pl
https://www.4geeks.pl
Go to the top of the page
+Quote Post
xSebaPL
post 25.01.2016, 18:30:52
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 26.01.2016, 12:33:59
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".


--------------------
Niemożliwym jest stworzenie czegokolwiek idiotoodpornego, ponieważ idioci są wyjątkowo pomysłowi.

https://www.aroch.pl
https://themeforest.net/user/aroch
https://www.astroblog.aroch.pl
https://www.4geeks.pl
Go to the top of the page
+Quote Post
xSebaPL
post 26.01.2016, 15:22:12
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
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

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

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

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