Odeslani formulare enterem

24.10.2007 20:57

Zdravim. Vim ze tahle otazka se nehodi do fora tak ji davam do blogu. Nejspis tady zapadne ale uz nevim jak provest odeslani formulare na webove strance. Muj problem. Potrebuji odeslat formular kdykoliv kdyz zmacknu v text poli ENTER. pokud dam do formulare tlacitko submit tak to jde bez problemu. Ja si tlacitko nahradil pomoci obrazku a pripojil k nemu javascript pomoci ktereho formular odesilam. Pokud na obrazek kliknu tak mi to odejde, ale pokud v jakemkoliv textboxu zmacknu enter tak nic. proste se nic neprovede. V IE ani ve firefoxu to nechodi. v opere prozmenu ano. Muzete mi poradit jak to nejelegantneji udelat, aby to chodilo i na stisknuti klavesy ENTER. hledal jsem po netu a nemuzu se dopatrat zadneho vysledku        

Komentáře

[Konqui]

Napadá mě dát na form onKeyPress="..javascript"

[mess]

Spíš bych to dal na ten input. Něco v tomhle stylu.

<form name="formular">
  <input type="text" name="policko" onKeyPress="document.formular.submit();">
</form>

Samozřejmě, že v onKeyPress budeš volat funkci, která nejprve ověří, zda byl stisknutý ENTER a až pak formulář odešle .

[Ondra]

<form action="javascript:abc();" name="def">

?

[CEST]

Zajimavy, tohle funguje (FF2.0.0.8)

<html><body>
<form action="form2.html" method="get">
	<input type="text" name="pole1">
</form>
</body></html>

Ale prihod tam dalsi pole a uz to nejde ...

[CEST]

A nasledujici funguje i s vice polema. Akorat dyztak pouzij nejakou jinou featurku na schovani toho buttonu, tohle jsem ted "vykouzlil" behem minuty a do CSS nedelam.

<html><body>
<form action="form2.html" method="get">
	<input type="text" name="pole1">
	<input type="text" name="pole2">
	<input type="submit" value="" style="width:1px; height: 1px">
</form>
</body></html>

[Martin Hujer]

style="display:none;"

[Přemek Vyhnal]

Ja si tlacitko nahradil pomoci obrazku a pripojil k nemu javascript

A co nastylovat odesilaci tlacitko pomoci CSS tak aby vypadalo jako obrazek

[prOm3TheuS]

Ahoj takto to mám pořešené já. Jinak se to dá docela rychle dohledat na netu.

Tohle je javascript, který kontroluje zmáčknutí enteru

function pismenka(stisk)
{
  if(window.event) //Pro stupidní IE
    {
    klavesa = stisk.keyCode;
    }
  else if(stisk.which) //Pro Ostatní
    {
    klavesa = stisk.which;
    }
  
if(klavesa == 13) vykonej_akci();

}

No a do nějakého inputu, který čeká na zmáčknutí toho enteru dáš onkeydown="pismenka(event)". Znamená to, že každé stisknutí klávesy je kontrolováno, zda-li se nejedná o klávesu enter. Jinak vykonej_akci je samozřejmě to, co ty chceš udělat při zmáčknutí toho tlačítka. Doufám, že je to tak nějak srozumitelné

[Daniel Kvasnička ml.]

A proc tlacitko nahrazujes pomoci obrazku? Podle specifikace muze button obsahovat vetsinu inline (i block) elementu, tedy i img. Takze si udelej button s type="submit" a do nej dej obrazek a melo by to fungovat.

[kavol]

a proč tak složitě, proč ne rovnou input type=image?

... nevím, proč musí stránku prasit zcela nepotřebným javascriptem a snižovat tak zbytečně její kompatibilitu

[Daniel Kvasnička ml.]

type=image je samozrejme nejlepsi, nenapadlo me to hned. Ale nevidim, kde je v mnou navrhovanem reseni nejaky JS Nebo narazite na jeho puvodni reseni?

[kavol]

ano, mluvím o tom původním

[Marián Oravec]

<form action="index.php" method="get">
	<input type="text" name="textove_pole" />
	<input type="image" name="odoslat" alt="odoslať" value="odoslane" src="/cesta/k/obrazku.png" />
</form>

[Daniel Kvasnička ml.]

A nebo tak.