[JS] Formularz i przemieszczanie za pomocą kursorów

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
pbern
Nowy
Nowy
Posty: 63
Rejestracja: pn lis 24, 2003 10:30 pm

[JS] Formularz i przemieszczanie za pomocą kursorów

Post autor: pbern »

Witam,
mam powazny problem, musze zrobic na stronie formularz do wprowadzania danych ale wszystko ma byc wprowadzane przy pomocy klawiatury itp..

Wazna jest takze mozliwosc przemieszczania sie po polach za pomoca kursorow. Czy jest to ogolnie wykonalne?

Kod: Zaznacz cały

<table border="1" width="100%" id="table1" cellspacing="0" cellpadding="0">
	<tr>
		<td>Lp.</td>
		<td>Nazwa</td>
		<td>Ilość</td>
		<td>Jm</td>
		<td>Cena netto</td>
		<td>VAT</td>
		<td>Brutto</td>
	</tr>
	<tr>
		<td><input type="text" name="lp1" size="20"></td>
		<td><input type="text" name="towar1" size="40"></td>
		<td><input type="text" name="ilosc1" size="20"></td>
		<td><input type="text" name="jm1" size="20"></td>
		<td><input type="text" name="netto1" size="20"></td>
		<td><input type="text" name="vat1" size="20"></td>
		<td><input type="text" name="brutto1" size="20"></td>
	</tr>
	<tr>
		<td><input type="text" name="lp2" size="20"></td>
		<td><input type="text" name="towar2" size="40"></td>
		<td><input type="text" name="ilosc2" size="20"></td>
		<td><input type="text" name="jm2" size="20"></td>
		<td><input type="text" name="netto2" size="20"></td>
		<td><input type="text" name="vat2" size="20"></td>
		<td><input type="text" name="brutto2" size="20"></td>
	</tr>
	<tr>
		<td><input type="text" name="lp3" size="20"></td>
		<td><input type="text" name="towar3" size="40"></td>
		<td><input type="text" name="ilosc3" size="20"></td>
		<td><input type="text" name="jm3" size="20"></td>
		<td><input type="text" name="netto3" size="20"></td>
		<td><input type="text" name="vat3" size="20"></td>
		<td><input type="text" name="brutto3" size="20"></td>
	</tr>
</table>
Stosuj pojedyńczy znak pytajnika (Forum to nie Gadu-Gadu) [poprawione]
atom
Nowy
Nowy
Posty: 145
Rejestracja: wt gru 20, 2005 1:55 pm
Kontakt:

Re: [JS] Formularz i przemieszczanie za pomocą kursorów

Post autor: atom »

Tak, na polu <input> możesz obsłużyć zdarzenie onkeydown (albo onkeyup). Na podstawie kodu wcisnietego klawisza możesz przekazac focus do nastepnego/poprzedniego pola na formularzu, itp. Ponadto w polach formularza <input> poustawiaj atrybut tabindex, do ustalenia kolejności przechodzenia między polami za pomocą tabulatora.

Polecam lekturę JavaScript onkeydown Event
ODPOWIEDZ