sivut.web

ohjeita web-sivuston tekijälle

JavaScript: Lomakkeen kentän aktivointi

Monilla sivuilla ollaan tekemisissä lomakkeiden kanssa. Usein on kätevää, että jokin lomakkeen kenttä aktivoituu automaattisesti sivun latautuessa. JavaScriptillä voidaan varsin yksinkertaisesti aktivoida haluttu kenttä:

<form name="lomake">

<input type="text" name="kentta" size=20>
<input type="submit" value="Lähetä">

</form>

<script language="JavaScript" type="text/javascript">
<!--
	document.lomake.kentta.focus();
-->
</script>

esimerkki

Toteutus XHTML:n avulla

Kun käytetään XHTML Strictiä, form-elementillä ei ole name-määritettä. Näin ollen lomakkeen kenttään ei voida viitata lomakkeen nimellä.

XHTML:ssä elementtien identifiointiin käytetään id-määritettä, joka voidaan antaa myös sille kentälle, joka halutaan aktivoida. Tähän elementtiin voidaan viitata JavaScript-koodista erityisen getElementById -funktion avulla. Funktio ottaa syötteekseen viitattavan elementin id-määritteen ja palauttaa viitteen tähän elementtiin. Tätä kautta voidaan rakentaa täysin XHTML Strict -yhteensopiva versio lomakkeen kentän aktivoinnista.

<form>

<input type="text" name="kentta" id="kentta" size=20>
<input type="submit" value="Lähetä">

</form>

<script type="text/javascript">
<!--
	document.getElementById('kentta').focus();
-->
</script>

esimerkki

Tämä sivu on luotu 4.7.2002 ja päivitetty 23.12.2004.

Käyttäjien kommentit

16.10.2003 09:15
Zilli

Kerro vielä miten saadaan joku button aktiiviseksi samalla tavalla eli esim. tossa esimerkissä ei tarvitsisi kun kirjoittaa ja painaa enter niin se lähtisi..

Siis.. tekstikenttähän voi tulla aktiiviseksi noin kun kerrot ja siihen voi laittaa onchange ja sitten jotain.. jotain on se miten saa tuon buttonin aktiiviseksi.. eli samaan tyyliin kun google toimii.

1.11.2003 16:30
Jou

Buttoni on aktivoituneena kokoajan, eli se enter toimii vaikka sul olis kenttä aktivoitu

2.2.2004 16:51
joujou

kerro ny ihmeessä miten saan tän jutun omillekki sivuille missä voin laittaa kommenttia ja se tulee suoraa sivulle...

2.2.2004 23:08
Juha-Pekka Järvenpää <jp@sivut.org>

Yksinkertaista: tarvitset vain palvelimen, jossa saat suorittaa omia ohjelmia/skriptejä ja vähän ohjelmointitaitoa. Tekniikoita on lukemattomia, mutta esimerkiksi nämä kommentit tulevat tietokannasta, jota kutsutaan joka sivun lopuksi.

4.3.2004 10:02
Daad-a

Kuinka JavaScriptillä saa yhteyden sql-tietokantaan ? Jotain oppaita netissä ?

- lisää tietokantaan ?
- poista tietokannasta ?

4.3.2004 19:44
Juha-Pekka Järvenpää <jp@sivut.org>

JavaScript on selaimessa suoritettava yksinkertainen skriptauskieli. Sillä ei siis voi ottaa yhteyttä palvelimilla sijaitseviin tietokantoihin.

18.6.2004 22:00
AfroMummo

Miten saa tehtyä itselleen buttonin??

5.11.2004 20:34
dirie <f76941@uwasa.fi>

asaa

4.1.2005 13:58
Rodza

Miten saa haku lomakkeen omalle kotisivulle niin, että se etsii omalla kotisivulla olevia sivuja?

25.1.2005 11:41
Jarkko

<input type="text" name="kentta" id="kentta" size=20>

Tuo size=20 pitäisi olla size="20" jotta se olisi XHTML 1.0 Strictin mukainen.

12.3.2005 15:17
llll

lllllllll

27.9.2005 08:24
Jussi

Miten saan tehtyä print linkin sivulle ?

Minulla on liity jäseneksi navigaatio palkissa.
Siinä on sekä Pdf tiedostoon linkki , jolloin saa näytölle Pdf lomakkeen.
Sitten on Jäsenhakemus--> hakemus.html erillinen sivu.

Miten sen linkin saa liity kohdasta hakemus.html:n niin että se printtaa hakemuksen suoraan eikä tuo sitä näytölle .

T jussi

22.12.2005 17:38
Iiro

Aina, kun käyttäjällä on jossakin lomakkeen elementissä focus, enteriä painettaessa lomake lähetetään, ellei sitten painike ole disabled-tilassa.

3.2.2006 18:19
jee

moi

11.7.2006 23:26
ansqu_bansqu

minne toi lomake juttu niinku oikeestaan lähettää sen viestin??

18.10.2006 18:24
Awna <awna@luukku.com>

Miten voin säätää mihin tuo lomake lähettää tuon viestin?

28.11.2006 15:19
xD

Tuota osoitetta johon tiedot lähetetään voi muuttaa lisäämällä form- tagiin määritteitä. Esim tämä veisi sinut kiitos.html nimiselle sivulle:
<form action="kiitos.html" method="post">
Method tarkoittaa metodia millä tiedot lähetetään osoitteeseen.

17.1.2007 14:20
Niko <nikotaallamoi@hotmail.com>

siis , miten ton lähetä-buttonin saa menemään vaikka
sähköpostiin?

9.2.2007 12:24
S. R-ranta

Miten linkki lähetettävään tiedostoon/sivuun/postiin syntyy??

20.2.2007 22:59
allu

moi

31.3.2007 23:27
isle

Moni muukin sitä täällä näköjään ihmettelee... Eli miten tuon lähetä-painikkeen saa menemään sähköpostiin?

17.6.2007 16:06
henkka

palvelimelta vaaditaan sellanen palvelu jolla tieto tuosta kentästä siirretään spostiksi

27.6.2007 00:30
matii <matii(poista)@sair.as>

formin pitää ohjata php sivulle joka mail-funktion avulla lähettää tiedot. Muistaakseni esim. koodin saa php.net:istä

17.12.2007 03:22
mou

huhu, spammia

22.2.2008 22:41
famvir for cold sores <gqmf@hotmail.com>

22.2.2008 22:41
famvir for cold sores <gqmf@hotmail.com>

22.2.2008 22:49
famvir infosite <wbsh@hotmail.com>

22.2.2008 22:50
famvir infosite <wbsh@hotmail.com>

22.2.2008 23:44
famvir joint pain <szfrukp@hotmail.com>

23.2.2008 01:43
famvir and cancer <mheonp@hotmail.com>

23.2.2008 02:18
famvir pravachol actos plavix effexor <cbangr@hotmail.com>

23.2.2008 04:11
famvir valtrex difference <yftdske@hotmail.com>

23.2.2008 05:01
zanaflex medication <pfubkq@hotmail.com>

23.2.2008 05:01
zanaflex medication <pfubkq@hotmail.com>

23.2.2008 05:19
famvir versus valtrex <zetiwg@hotmail.com>

23.2.2008 05:54
zanaflex incontinence <juzpaih@hotmail.com>

23.2.2008 07:26
zanaflex online supplier <xspdv@hotmail.com>

23.2.2008 07:26
zanaflex online supplier <xspdv@hotmail.com>

23.2.2008 07:43
zanaflex side effects messageboards <otqzwc@hotmail.com>

23.2.2008 08:03
ditropan xl 15 mg <qkivyts@hotmail.com>

23.2.2008 08:07
zanaflex tabs <nkhpde@hotmail.com>

23.2.2008 08:07
zanaflex tabs <nkhpde@hotmail.com>

23.2.2008 08:55
ditropan xl 10 mg <depxjm@hotmail.com>

23.2.2008 09:46
ditropan xl neurological side efforts <utpj@hotmail.com>

23.2.2008 09:54
when did ditropan go generic <xzyough@hotmail.com>

23.2.2008 10:49
patent life of ditropan <dwkqgum@hotmail.com>

23.2.2008 12:04
when will famvir become generic <lusa@hotmail.com>

23.2.2008 13:35
brand name valtrex online <twfyh@hotmail.com>

23.2.2008 15:33
cold sore valtrex <abjo@hotmail.com>

23.2.2008 15:42
can i buy valtrex in astore <lbnz@hotmail.com>

23.2.2008 16:40
cream valtrex <hxwsp@hotmail.com>

23.2.2008 16:58
counter over valtrex <kvwnbo@hotmail.com>

23.2.2008 17:24
discounted price on valtrex <tuvedp@hotmail.com>

23.2.2008 18:21
dry eye valtrex <fhoisea@hotmail.com>

23.2.2008 18:42
difference between zovirak and valtrex <jcxw@hotmail.com>

23.2.2008 19:09
famvir buy prescription online valtrex viarga <qxpgwmz@hotmail.com>

23.2.2008 20:02
generic valtrex purchase <gzcfh@hotmail.com>