Zmiana URL-a przed wyslaniem formularza Opcje

[miseczka]

Witam,
Na wstępie przyznam się, że w ogóle nie znam javascript, a muszę zrobić pewną rzecz. Mianowicie mam taki formularz:

[HTML] pobierz, plaintext 
<form action="" method="get">
	<input type="hidden" name="menu" value="baty" />
	<input type="text" name="suma" maxlength="15" value="1000" />
	<select name="okres">
		<option value="1_dzien">1 dzień</option>
		<option value="1_tydzien">1 tydzień</option>
		<option value="2_tygodnie">2 tygodnie</option>
		<option value="1_miesiac">1 miesiąc</option>
		<option value="2_miesiace">2 miesiące</option>
	</select>
	<input type="submit" name="szukaj" value="Szukaj" />
</form>
[HTML] pobierz, plaintext 

I gdy wyślę ten formularz URL wygląda tak:

Kod

http://localhost/test/index.php?menu=baty&suma=1000&okres=2_miesiace&szukaj=Szukaj

A musi wyglądać tak:

Kod

http://localhost/test/baty-1000-2_miesiace-Szukaj

Mógłby ktoś naprowadzić mnie jak coś takiego wykonać?

Ten post edytował miseczka 6.03.2012, 22:56:43

[Leihto]

Mod_Rewrite:

Kod

RewriteEngine On
RewriteRule ^baty-([^-]*)-([^-]*)-Szukaj$ /index.php?menu=baty&suma=$1&okres=$2&szukaj=Szukaj [L]

(do pliku .htaccess)

[miseczka]

Nie o to mi chodziło. Ja chce to zrobić po stronie przeglądarki, a to co Ty pokazałeś jest rzeczą dokładnie odwrotną.

[Sephirus]

Żeby uzyskać coś takiego musisz w ogóle zastąpić wysyłanie formularza przekierowaniem GET.

Najprościej (idea) to ustawić formularzowi zdarzenie onsubmit(). Dajemy formularzowi ID:

[HTML] pobierz, plaintext 
<form action="" method="get" id="form1">
[HTML] pobierz, plaintext 

Następnie w JS pobieramy wszystkie pola i tworzymy adres url:

[JAVASCRIPT] pobierz, plaintext 
document.getElementById('form1').onSubmit = function () {
 
    var urlParts = new Array();
    urlParts.push(this.menu.value); // dodajemy po kolei dane formularza
    urlParts.push(this.suma.value);
    urlParts.push(this.okres.value);
    urlParts.push(this.szukaj.value);
 
    window.location.href = this.action + urlParts.join('-'); // tu łączymy nasze wartości w formę "a-b-c-d-e" itd... ;)
    return false;
}
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował Sephirus 7.03.2012, 15:30:21

[miseczka]

Dzięki za odpowiedź. Niestety u mnie to nie działa ale naprowadziło mnie na dobry kierunek. Po przejrzeniu kursu javascript i kilku postów na forum mam coś takiego:

[HTML] pobierz, plaintext 
	<script type="text/javascript">
		function wyslij_form()
		{
			var wartosc1 = document.getElementById("form1").menu.value;
			var wartosc2 = document.getElementById("form1").suma.value;
			var wartosc3 = document.getElementById("form1").okres.value;
			window.location.href = wartosc1+'-'+wartosc2+'-'+wartosc3;
		}
	</script>
	<form action="" method="get" id="form1">
		<input type="hidden" name="menu" value="baty" />
		<input type="text" name="suma" maxlength="15" value="1000" />
		<select name="okres">
			<option value="1_dzien">1 dzien</option>
			<option value="1_tydzien">1 tydzien</option>
			<option value="2_tygodnie">2 tygodnie</option>
			<option value="1_miesiac">1 miesiac</option>
			<option value="2_miesiace">2 miesiace</option>
		</select>
		<input type="button" value="wys" onclick="wyslij_form()" />
	</form>
[HTML] pobierz, plaintext 

Przycisk submit został zmieniony na button. Wszystko to działa tak jak ma działąć. Ale tu pojawia się kolejne pytanie. Ponieważ zostało to "sklecone" z kilku postow na forach i kursu zastanawia mnie czy takie rozwiązanie jest poprawne?