OS X hakukenttä web-sivulle

wanders · Viesti Kirjoittaja **wanders** » 3.1.2007 klo 21.31

Täällä oli joskus aikoja sitten maininta html-koodista, jolla saa Safariin pyöreäreunaisen hakuikkunan, joka käyttäytyy kuten OS X -hakukenttä. Laitoin sen talteen mutten keksi kuinka löytäisin koodin koneeltani.

Onko jollain muistissa mitä nimeä tämä kenttä tottelee? Siis jos pientä apua saisi koodin löytämiseksi...

Edit:

Koodi: Valitse kaikki

<input type=”search”>

Tiedä sitten miten se heikentää käytettävyyttä muissa selaimissa? Tai parantaa sitä Safarissa. Kokeilen.

Edit2:
Tässä hieman laajennettu versio äskeisestä.

Koodi: Valitse kaikki

<input name='search' type='search' autosave='single_search' results='10'/>

Jamac · Viesti Kirjoittaja **Jamac** » 3.1.2007 klo 22.02

Ei siinä ole mitään muuta kuin extraa Safarille, muut selaimet ei välitä noista attribuuteista joita eivät ymmärrä (type='search' autosave='single_search' results='10').

wanders · Viesti Kirjoittaja **wanders** » 4.1.2007 klo 0.15

Jamac kirjoitti:Ei siinä ole mitään muuta kuin extraa Safarille, muut selaimet ei välitä noista attribuuteista joita eivät ymmärrä (type='search' autosave='single_search' results='10').

Hyvä. Homma alkaa pelittää.

G5Zen · Viesti Kirjoittaja **G5Zen** » 4.1.2007 klo 8.00

wanders kirjoitti:
Jamac kirjoitti:Ei siinä ole mitään muuta kuin extraa Safarille, muut selaimet ei välitä noista attribuuteista joita eivät ymmärrä (type='search' autosave='single_search' results='10').
Hyvä. Homma alkaa pelittää.

Heh heh... wandersilla on hyvä ajoitus*ysk*. Samaa asiaa olen tässä männäpäivinä testaillut... Tuota tekniikkaa käyttäessä kannattaa muistaa, että safarilla toimivassa hakukentässä ei tarvitse ollenkaan ns. "hae" -nappia, mutta vastaavasti muita selaimia varten se kannattaa jättää. Asian voi elegantisti ratkaista javascriptillä. Tästä lisää myöh.

Jamac · Viesti Kirjoittaja **Jamac** » 4.1.2007 klo 8.15

Jos oikein "kiero on" niin CSS:llä saa laitettua tietty ei-safaristeille tuohon <input> kenttään taustakuvan... mutt ei tietty OSX toiminnallisuutta (edellisten hakujen muistaminen).

wanders · Viesti Kirjoittaja **wanders** » 4.1.2007 klo 11.23

G5Zen kirjoitti:Tuota tekniikkaa käyttäessä kannattaa muistaa, että safarilla toimivassa hakukentässä ei tarvitse ollenkaan ns. "hae" -nappia, mutta vastaavasti muita selaimia varten se kannattaa jättää.

Eihän tuo search-kenttä mielestäni mitenkään erikoisesti tavallisesta tekstikentästä toimi, tai sitten en tiedä sen erikoisuutta. Hae-painiketta minulla ei ole, mutta hakusanan kirjoittamisen jälkeen painan Enteriä/Returnia. Tavallisella tekstikentällä voin toimia aivan samalla tavalla.

Onko selaimia, jotka eivät toimi näin automaattisesti. Vai käyttäjiä, jotka eivät ymmärrä painaa retukkaa? Omassa proggiksessa tämä ei ole niin oleellista, sillä tämä tulee ainakin alkuun vain omaan käyttöön.

G5Zen · Viesti Kirjoittaja **G5Zen** » 4.1.2007 klo 12.13

wanders kirjoitti:
G5Zen kirjoitti:Tuota tekniikkaa käyttäessä kannattaa muistaa, että safarilla toimivassa hakukentässä ei tarvitse ollenkaan ns. "hae" -nappia, mutta vastaavasti muita selaimia varten se kannattaa jättää.
Eihän tuo search-kenttä mielestäni mitenkään erikoisesti tavallisesta tekstikentästä toimi, tai sitten en tiedä sen erikoisuutta. Hae-painiketta minulla ei ole, mutta hakusanan kirjoittamisen jälkeen painan Enteriä/Returnia. Tavallisella tekstikentällä voin toimia aivan samalla tavalla.

Onko selaimia, jotka eivät toimi näin automaattisesti. Vai käyttäjiä, jotka eivät ymmärrä painaa retukkaa? Omassa proggiksessa tämä ei ole niin oleellista, sillä tämä tulee ainakin alkuun vain omaan käyttöön.

Omiin tarkoituksiinhan voi rakennella asioita miten haluaa, kunhan ne toimivat itselle. Eli ei siinä mitään. Nettiin tehtäessä joutuu kuitenkin ottamaan huomioon kaikenlaista.

Vastaus kysymykseesi; sekä sellaisia selaimia on olemassa, että myöskin käyttäjiä (jälkimmäisiä enemmän).