[js] Wysyłanie forma enterem Opcje

[The Night Shadow]

Ustawiłem domyślny input. W Operze po naciśnieciu ENTER formularz ozostaje wysłany. W IE nestety nie... jak to rozwiązać?

[b4x]

pokaz kod (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[The Night Shadow]

[HTML] pobierz, plaintext 
<form action="index.php" method="post" id="zaloguj" style="display: inline;">
											<table border="0" align="center">
												<tr>
						 							<td align="center" valign="middle">
						 								<a href="#" onMouseOver="overlib('<table><tr><td><center>...imię jakie nadano mi w tym świecie... to ta mała<br />cząstka, która zlała się z nim w jednolitą całość.</center></td></tr></table>', FGCOLOR, '#222222', BGCOLOR, '#000000', TEXTCOLOR, '#CCCCCC', STATUS, 'Dymek zwykły', VAUTO, WRAP)" onMouseOut="nd();">
															Login: 
														</a>
						 							</td>
												  	<td align="center" valign="middle">
												  		<input type="text" style="width: 125px;" name="login" id="loginuzytkownika" />
												  	</td>
												</tr>
												<tr>
						 							<td align="center" valign="middle">
						 								<a href="#" onMouseOver="overlib('<table><tr><td><center>...jednak ta cząstka, nadal pozostaje moją.</center></td></tr></table>', FGCOLOR, '#222222', BGCOLOR, '#000000', TEXTCOLOR, '#CCCCCC', STATUS, 'Dymek zwykły', VAUTO, WRAP)" onMouseOut="nd();">
															Hasło:
														</a>
						 							</td>
						 							<td align="center" valign="middle">
						 								<input type="password" style="width: 125px;" name="haslo" />
						 							</td>
												</tr>
												<tr>
						 					  		<td colspan="2" align="right" valign="middle">
						 						 		 <a href="#" onclick="document.getElementById('zaloguj').submit();" onMouseOver="overlib('<table><tr><td><center>...w drodze do źródła.</center></td></tr></table>', FGCOLOR, '#222222', BGCOLOR, '#000000', TEXTCOLOR, '#CCCCCC', STATUS, 'Dymek zwykły', VAUTO, WRAP)" onMouseOut="nd();">
					  	  					  				 Zaloguj
					 	  		 						 </a>
						 							 </td>
												</tr>
											</table>
										</form>
[HTML] pobierz, plaintext 

W powyższym kodzie natralnie po kliknięciu na wyślij formularz jest wysyłany. W IE jednak nie działa to z a naciśnięciem ENTER.

Jeszcze jedna kwestia. Czy istnieje możliwość nadania kolejności wybierania inputów po naciśnieciu TAB? W momencie kiedy pojawiają się linki, ale które nie sa linami tylko dodatkowymi dymkami IE włącza je do tablacji. jesli istnieje możliwość ustawienia kolejności to jak?

[Fipaj]

tabindex...?

[The Night Shadow]

No dobrze, ale co z ENTEREM?

[Fipaj]

Nie jestem pewien, ale chyba IE po prostu tak ma i na to nic nie poradzisz...

Chociaż... możesz spróbować instrukcjami warunkowymi IE i JS: onclick="this.submit()" czy jakoś tak

[FiDO]

Jesli nie ma widocznego przycisku submit (<input type='submit'...) to w IE takie cos nie zadziala i trzeba sobie dopisac obsluge tego w JS.

[The Night Shadow]

Dorbze, a jak wygląda ta obsługa?

[FiDO]

Funkcja wywolywana musi byc na onkeyup a wygladala by ona mniej wiecej tak:

Kod

function submit(e)
{
    var e=e||window.event;
    var key = e.charCode || e.keyCode;

    if (key == 13)
    {
        document.forms['formularz'].submit();
    }
}

Nie testowalem, pisane z pamieci, wiec nie gwarantuje, ze dziala.

[Fipaj]

FiDO: można znacznie prościej ;-)

http://leksykot.top.hell.pl/notatki/www/ie-hacks.shtml

[FiDO]

To wcale nie zalatwia sprawy.. tylko umozliwia wywolanie eventa jedynie dla IE, przez co moze on byc troche prostszy, ale z tym "znacznie" to chyba troche przesadziles :] No chyba, ze masz na mysli umieszczenie submita tylko dla IE.. ale wg mnie to nie rozwiazanie. Chociaz w sumie moznaby mu sprobowac nadac position: absolute i jakies duze ujemne left: tak zeby sobie "poszedl" z ekranu (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[The Night Shadow]

[PHP] pobierz, plaintext 
<?php
function submit(e)
        {
            var e=e||window.event;
            var key = e.charCode || e.keyCode;
 
            if (key == 13)
            {
                document.forms['zaloguj'].submit();
            }
        }
?>
[PHP] pobierz, plaintext 

Niestety nie dziala... co z tym można zrobić?

Parse error: syntax error, unexpected T_STRING, expecting ')' dotyczy linii function submit(e)

Ten post edytował The Night Shadow 14.03.2006, 23:48:03

[TomASS]

@Nocny Cieniu: Tożto funkcja JavaScript a nie php (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

[HTML] pobierz, plaintext 
<script>
function submit(e)
        {
            var e=e||window.event;
            var key = e.charCode || e.keyCode;
 
            if (key == 13)
            {
                document.forms['zaloguj'].submit();
            }
        }
 
</script>
[HTML] pobierz, plaintext 

Ten post edytował TomASS 15.03.2006, 00:19:28

[The Night Shadow]

Łoj... :- ) To sie skompromitowalem... no dobrze, ale jak dzieki niej wywoływac submit tego formularza po naciśnięciu ENTER?

Ten post edytował The Night Shadow 15.03.2006, 00:52:10