sivut.web

ohjeita web-sivuston tekijälle

etusivu html javascript perl php grafiikka sivusto palvelin sanasto info palaute

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

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.

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

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

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.

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

- lisää tietokantaan ?
- poista tietokannasta ?

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

Miten saa tehtyä itselleen buttonin??

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

<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.

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

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

moi

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

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

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.

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

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

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

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

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

Lisää oma kommentti