Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][PHP] Form i get
bahh
post
Post #1





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

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

Witam, mam formularz:

[HTML] pobierz, plaintext 
  1. <form id="main-search" accept-charset="utf-8" method="get" action="http://.../search" class="szukaj">
[HTML] pobierz, plaintext


wpisujac cokolwiek w wyszukiwarke przerzuca nas na strone i ajax pobiera dane z formularza i dynamicznie wyszukuje wyswietlajac wyniki - takie jest zalozenie teoretyczne.

po wpisaniu jakiegos hasla formularz przechodzi na adres:

http://.../search?query=jakieshaslo

a chcialbym by przeszlo na adres

http://.../search?query=jakieshaslo#query=jakieshaslo

jakieshaslo to zwrot wpisany w formularz i przekazany getem

wie ktos jak tak zrobic?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 12)
com
post
Post #2





Grupa: Zarejestrowani
Postów: 3 034
Pomógł: 366
Dołączył: 24.05.2012

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

No najprościej poprzez modyfikacje url?
http://webhosting.pl/Jak.zmieniac.elementy....w.JavaScripcie
Go to the top of the page
+Quote Post
bahh
post
Post #3





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

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

no dobrze, w jaki sposob wygladaloby uzycie location.search w tym przykladzie? (jestem zielony w js)

Ten post edytował bahh 9.06.2014, 06:30:11
Go to the top of the page
+Quote Post
com
post
Post #4





Grupa: Zarejestrowani
Postów: 3 034
Pomógł: 366
Dołączył: 24.05.2012

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

Temat: JavaScriptPHP Form i get

Kontynuuj stary wątek

weź sobie location.search, odetnij pierwszy znak by pozbyć sie ? przypisz do zmiennej i wykonaj window.location.hash='#' + newlocationsearch i gotowe (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post
bahh
post
Post #5





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

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

czyli mialbym zrobic to tak:

[HTML] pobierz, plaintext 
  1. <input type="button" onclick="window.location.hash='#' +window.location.search.substr(1)" />
[HTML] pobierz, plaintext


poprawnie?

znalazlem taka funkcje
[XML] pobierz, plaintext 
  1. search.submit(function() {
  2. 			window.location = url.site('search#query='+$('input[name=query]', search).val()+'&type=all');
  3. 			return false;
  4. });
[XML] pobierz, plaintext


jak ja podlaczyc pod to:

[HTML] pobierz, plaintext 
  1. <form id="main-search" class="szukaj" action="xxxxx.pl/search" method="get" accept-charset="utf-8">
  2. <input class="inputszukaj" type="text" value="Wpisz szukaną frazę..." onblur="if(this.value=='') this.value='Wpisz szukaną frazę...';" onfocus="if(this.value=='Wpisz szukaną frazę...') this.value='';" aria-haspopup="true" aria-autocomplete="list" role="textbox" autocomplete="off" name="query">
  3. <input class="submitszukaj" type="submit" onclick="search1()" value="">
  4. </form>
[HTML] pobierz, plaintext


jak przez firebuga dodaje kod do strony to smiga, gdy tak samo go wgrywam ale w plik zrodlowy to nie chce dzialac, nie wiem czemu sie tak dzieje

Ten post edytował bahh 9.06.2014, 23:19:00
Go to the top of the page
+Quote Post
YourFrog
post
Post #6





Grupa: Zarejestrowani
Postów: 124
Pomógł: 22
Dołączył: 10.01.2014

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

Odpowiem tak jak umiem w JS czyli z JQuery (IMG:style_emoticons/default/tongue.gif) 

[HTML] pobierz, plaintext 
  1. $(document).ready(function(){
  2.   $('form#main-search').submit(function(){
  3.     var attr = $(this).attr("action");
  4.     attr += encodeURIComponent($('input.query').val());
  5.  
  6.     $(this).attr("action",  + "#query=" + attr );
  7.     return true;
  8.   });
  9. });
[HTML] pobierz, plaintext


Jeżeli w formularzu będziesz miał inputa z identyfikatorem query, a sam formularz będzie miał id main-search to ci zmodyfikuje w momencie wysyłania go adres na który ślesz. Co prawda nie sprawdzałem i może być literówka gdzieś ale nie sądze. W razi potrzeby łap linka do dokumentacji JQuery JQuery - submit/.

Aha nigdy nie używałem funkcji encodeURIComponent ale jeżeli wierzyć dokumentacji na mozilla.org to do tego właśnie ona służy.

Ten post edytował YourFrog 10.06.2014, 07:50:30
Go to the top of the page
+Quote Post
bahh
post
Post #7





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

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

YourFrog - przekierowuje wtedy na adres

nanhttp://www.xxxxxxxxxx.pl/searchundefined?query=ham

jest nanhttp:// czyli zły protokół no i nie przekierowuje tam gdzie trzeba
Go to the top of the page
+Quote Post
YourFrog
post
Post #8





Grupa: Zarejestrowani
Postów: 124
Pomógł: 22
Dołączył: 10.01.2014

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

Ja gafę strzeliłem (IMG:style_emoticons/default/tongue.gif) Leci rehablilitacja

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. 	<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  4. 	<script>
  5. 	    $(document).ready(function(){
  6. 			$('form#main-search').submit(function(){
  7. 				var attr = $(this).attr("action");
  8. 				attr += "#query=" + encodeURI($('input.query').val());
  9.  
  10. 				$(this).attr("action", attr );
  11. 				return true;
  12. 			});
  13. 		});
  14. 	</script>
  15. </head>
  16. <body>
  17. 	<form action="http://onet.pl/" id="main-search" method="post">
  18. 		<input name="x" class="query"/>
  19. 		<button type="submit">Send</button>
  20. 	</form>
  21. </body>
  22. </html>
[HTML] pobierz, plaintext


Ten post edytował YourFrog 10.06.2014, 09:55:56
Go to the top of the page
+Quote Post
bahh
post
Post #9





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

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

śmiga, aczkolwiek jquery 2.1.1 sprawia, że ajax mi nie działa, da się to samo uzyskać przy jquery 1.8.7?
Go to the top of the page
+Quote Post
Turson
post
Post #10





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

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

Sprawdź
Go to the top of the page
+Quote Post
bahh
post
Post #11





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

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

sprawdziłem, nie działa
Go to the top of the page
+Quote Post
Turson
post
Post #12





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

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

Odpal konsolę w przeglądarce i monituruj błędy
Go to the top of the page
+Quote Post
bahh
post
Post #13





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

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

Udało się naprawić, po prostu ustawiłem, że nie wyświetli jquerego 2.1.1 po przekierowaniu i śmiga, dzięki wielkie YourFrog za pomoc
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: 2.10.2025 - 17:06
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn