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

[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