Keskustelu: Nettisivujen teko: html input

kaikki googlessa käyneet tietää että ei tarvi painella hiirellä siihen hakulootaan, vaan voi suoraan kirjottaa kun sivu on ladattu. Se on tehty varmaankin jollain java scriptillä? voiko joku auttaa miten teen samanlaisen efectin omaan sivuuni missä on siis vain yksi formi..

Ei tullu mieleen kattoa Googlen sorsasta? :)

document.forms[0].setFocus(); tjsp.

Täytyy tässä kyllä vähän sanoa tuosta "java scripti":stä. Kun sanot sen tuolla tavalla, saa lukija käsityksen kuin puhuisit Javalla kirjoitetusta pienestä skriptistä. Web-sivujen pieneen toiminnallisuuteen käytetään kuitenkin JavaScriptiä, joka on aivan eri asia.

Itse koodin voi laittaa joko body-elementin onload-määreeseen tai erillisen script-elementin sisään. Koodi näyttää tältä:

document.nimi1.nimi2.focus();

Tässä nimi1 on formin name-arvoksi asetettu arvo. Nimi2 puolestaan viittaa nimi2-nimiseen inputtiin. Tällä koodilla saat siis formin nimi1 inputin nimi2 aktivoitua.

Tässä nyt siis formistakin esimerkki:

<form method="get" action="." name="nimi1">
  <input type="text" name="nimi2" />
</form>

MasaVista kirjoitti:

Itse koodin voi laittaa joko body-elementin onload-määreeseen tai erillisen script-elementin sisään.

Lisätäänpäs tosiaan vielä, että oikea paikka tuollaiselle fokusoinnille on script-elementti heti sen hakukentän jälkeen, ei onload-attribuutti. Onload tapahtuu vasta kun sivu on kokonaan latautunut, milloin käyttäjä on saattanut alkaa jo kirjoittamaan asiaa johonkin muuhun lomakekenttään ja fokuksen siirto hakukenttään aiheuttaa murhanhimoisia ajatuksia ja verenpaineen nousua.

Kiitos Kiitos!
Tästä oli hyötyä :)

Blaze kirjoitti:

Lisätäänpäs tosiaan vielä, että oikea paikka tuollaiselle fokusoinnille on script-elementti heti sen hakukentän jälkeen, ei onload-attribuutti.

Ja jatketaan vielä, että jos sivua voisi kuvitella käytettävän selaimen aloitussivuna (kuten Googlea), niin tuon skriptin oikea paikka on /* ja */ -merkkien välissä.

Ainoa paikka, jossa hyväksyn tuollaisen skriptin, on sivu, jossa ei ole mitään muuta oleellista kuin tuo lomake. Toisin sanoen, sivu jossa ei voi tehdä mitään muuta kuin täyttää lomakkeen, vaikkapa sisäänkirjautumissivu. Muuten noita murhanhimoisia ajatuksia alkaa tosiaan tulla.

Ensin käytettävyys ja selkeys, sitten sisältö ja sitten loput. Siinäpä web-suunnittelun tärkeysjärjestys :)