Forum PHP.pl > [JavaScript][PHP] Form i get

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][PHP] Form i get

bahh

8.06.2014, 21:31:46

Witam, mam formularz:

[HTML] pobierz, plaintext 
<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?

com

8.06.2014, 23:51:43

No najprościej poprzez modyfikacje url?
http://webhosting.pl/Jak.zmieniac.elementy....w.JavaScripcie

bahh

9.06.2014, 06:27:36

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

com

9.06.2014, 22:35:40

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

bahh

10.06.2014, 00:52:39

czyli mialbym zrobic to tak:

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

poprawnie?

znalazlem taka funkcje

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

jak ja podlaczyc pod to:

[HTML] pobierz, plaintext 
<form id="main-search" class="szukaj" action="xxxxx.pl/search" method="get" accept-charset="utf-8">
<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">
<input class="submitszukaj" type="submit" onclick="search1()" value="">
</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

YourFrog

10.06.2014, 07:45:38

Odpowiem tak jak umiem w JS czyli z JQuery

[HTML] pobierz, plaintext 
$(document).ready(function(){
  $('form#main-search').submit(function(){
    var attr = $(this).attr("action");
    attr += encodeURIComponent($('input.query').val());
 
    $(this).attr("action",  + "#query=" + attr );
    return true;
  });
});
[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.

bahh

10.06.2014, 09:27:07

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

YourFrog

10.06.2014, 09:52:12

Ja gafę strzeliłem

Leci rehablilitacja

[HTML] pobierz, plaintext 
<html>
<head>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
	<script>
	    $(document).ready(function(){
			$('form#main-search').submit(function(){
				var attr = $(this).attr("action");
				attr += "#query=" + encodeURI($('input.query').val());
 
				$(this).attr("action", attr );
				return true;
			});
		});
	</script>
</head>
<body>
	<form action="http://onet.pl/" id="main-search" method="post">
		<input name="x" class="query"/>
		<button type="submit">Send</button>
	</form>
</body>
</html>
[HTML] pobierz, plaintext

bahh

10.06.2014, 11:10:01

śmiga, aczkolwiek jquery 2.1.1 sprawia, że ajax mi nie działa, da się to samo uzyskać przy jquery 1.8.7?

Turson

10.06.2014, 11:12:20

Sprawdź

bahh

10.06.2014, 11:21:02

sprawdziłem, nie działa

Turson

10.06.2014, 11:23:08

Odpal konsolę w przeglądarce i monituruj błędy

bahh

10.06.2014, 11:40:41

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.