Numeroidut Googlen hakutulokset Firefoxiin

[Harri Tuominen]

Saako Firefoxin näyttämään Googlen hakutulokset numeroituina samaan
tapaan kuin miten IE ne näyttää? IE:n tapa on ruudunlukuohjelmaa
käytettäessä jollain tavalla miellyttävämpi, koska
pikanavigointinäppäimillä liikuttaessa numeroidut linkit kertovat koko
ajan, missä mennään.

Olen viime aikoina alkanut käyttää enemmän Firefoxia, ja se on muilta
osin aivan kelvollinen selain. Olisi kuitenkin mukavaa saada Googlen
hakutulokset numeroituina. Ehkä tähän on olemassa joku kätevä lisäosa.

[Jukka K. Korpela]

Post by Harri Tuominen
Saako Firefoxin näyttämään Googlen hakutulokset numeroituina samaan
tapaan kuin miten IE ne näyttää?

Missä tilanteessa IE näyttää tulokset numeroituina? En muista koskaan
sellaista nähneeni...

Post by Harri Tuominen
Olisi kuitenkin mukavaa saada Googlen
hakutulokset numeroituina. Ehkä tähän on olemassa joku kätevä lisäosa.

Koska Googlen tulossivuilla on käytetty <ol>-merkkausta hakutulosten
listalle, niin numeroiden puute johtuu siitä, että sivujen tyyliohje poistaa
nämä. Tähän taas olisi periaatteessa helppo ratkaisu (jos halutaan numerot):
käyttäjän tyyliohje, jossa on esimerkiksi
#gsr ol li { list-style-type: decimal; }

Käyttäjän tyyliohjeen käyttöönotto ei ole ihan triviaalia (tai no, ainakaan
se ei ole hyvin dokumentoitua) Firefoxissa ja saattaa riippua selaimen
versiosta. Testasin tuon yllä olevan säännön toimivuuden Web Developer
Extensionilla, jonka avulla voi lennosta editoida sovellettavaa
tyyliohjetta.

[Harri Tuominen]

Post by Jukka K. Korpela
Missä tilanteessa IE näyttää tulokset numeroituina? En muista koskaan
sellaista nähneeni...

Minulla ne näkyvät numeroituina, kun siirryn IE:llä osoitteeseen
<http://www.google.fi>, ja muistaakseni myös osoiteriville kirjoitetut
hakusanat aiheuttavat hakutulosten näyttämisen numeroituina.

En tiedä,johtuuko tämä JAWS-ruudunlukuohjelmasta. Jos se lisäilee
hieman omiaan IE:tä käyttäessäni. Tässä kuitenkin käytännön esimerkki
siitä, miten teksti tulee luettavakseni.

Internet Explorer 8:

 Tulokset 1 - 10 noin 798 osuman joukosta haulle "se se vaan on sillä lailla". (0,28 sekuntia) 

Hakutulokset

1. …kun ruma sana sanotaan niin kuin se on. – Ajassa – Plaza
Se se vaan on sillä lailla että tässäki maassa sitä on paljon mälsää. Ei sitä tartte edes paljo kavereilta kysellä ku vaan viittii vähänkii tsiigata ...
plaza.fi/.../kun-ruma-sana-sanotaan-niin-kuin-se-on -
Välimuistissa
-
Samankaltaisia

Firefox 3.5.2:

 Tulokset 1 - 10 noin 798 osuman joukosta haulle "se se vaan on sillä lailla". (0,05 sekuntia) 

Hakutulokset
…kun ruma sana sanotaan niin kuin se on. – Ajassa – Plaza

Se se vaan on sillä lailla että tässäki maassa sitä on paljon mälsää. Ei sitä tartte edes paljo kavereilta kysellä ku vaan viittii vähänkii tsiigata ...
plaza.fi/.../kun-ruma-sana-sanotaan-niin-kuin-se-on -
Välimuistissa
-
Samankaltaisia

Post by Jukka K. Korpela
käyttäjän tyyliohje, jossa on esimerkiksi
#gsr ol li { list-style-type: decimal; }
Käyttäjän tyyliohjeen käyttöönotto ei ole ihan triviaalia (tai no, ainakaan
se ei ole hyvin dokumentoitua) Firefoxissa ja saattaa riippua selaimen
versiosta.

Minä en näistä asioista ymmärrä mitään, joten en osaa CSS-tiedostoa
laatia. Tuntuu lisäksi siltä, että ongelma - jos sitä sellaiseksi voi
sanoa - koskee vain googlea. en haluaisi joka paikkaan numeroituja
linkkejä, mutta Googlessa ne nopeuttavat hakutulosten selailua.

[Jukka K. Korpela]

Post by Harri Tuominen
En tiedä,johtuuko tämä JAWS-ruudunlukuohjelmasta. Jos se lisäilee
hieman omiaan IE:tä käyttäessäni.

Se kai on todennäköisin selitys. JAWS huomaa, että lista on merkattu
ol-elementiksi eli numeroiduksi listaksi, joten se jostain syystä jättää
huomiotta tyyliohjeessa olevan säännön, jonka mukaan listaa ei numeroida.

Post by Harri Tuominen
Minä en näistä asioista ymmärrä mitään, joten en osaa CSS-tiedostoa
laatia.

CSS-tiedostossa ei tarvitsisi olla muuta kuin se yksirivinen sääntö, jonka
kirjoitin.

Post by Harri Tuominen
Tuntuu lisäksi siltä, että ongelma - jos sitä sellaiseksi voi
sanoa - koskee vain googlea. en haluaisi joka paikkaan numeroituja
linkkejä, mutta Googlessa ne nopeuttavat hakutulosten selailua.

Esittämäni CSS-sääntö sanoisi vain, että numeroiduiksi merkatut listat
numeroidaan eräin edellytyksin. Se siis ei vaikuttaisi linkkeihin yleisesti.
Lisäksi kyseisessä säännössä

#gsr ol li { list-style-type: decimal; }

ensimmäinen osa rajaa soveltamisen tapauksiin, joissa ollaan sellaisen
elementin sisällä, jonka tunniste on "gsr". Googlen tulossivuilla näyttää
sellainen tunniste olevan; se johtunee sanoista Google search results.
Periaatteessa tietysti sellainen tunniste voi sattumalta olla millä sivulla
vain, mutta todennäköisyys on pieni. Voisi tietysti rakentaa vieläkin
spesifisemmän säännön, mutta silloin kasvaa riski, että se lakkaa
toimimasta, kun Google muuttaa tulossivun rakennetta.

Hankalinta on löytää, mihin hakemistoon pitää perustaa minkäniminen
tiedosto. En ole erityisen ihastunut Firefoxin tapaan toteuttaa käyttäjän
tyyliohjeen käyttöönotto; jopa IE:ssä asia on paremmin (tai vähemmän
huonosti) toteutettu.

[Harri Tuominen]

Post by Jukka K. Korpela
Hankalinta on löytää, mihin hakemistoon pitää perustaa minkäniminen
tiedosto. En ole erityisen ihastunut Firefoxin tapaan toteuttaa käyttäjän
tyyliohjeen käyttöönotto; jopa IE:ssä asia on paremmin (tai vähemmän
huonosti) toteutettu.

Firefoxin asetuksista en ole löytänyt kohtaa, jossa voisi asettaa
tyylitiedostolle polun ja nimen, ja muuhun dokumentaatioon en ole
ehtinyt perehtyä. Löysin kuitenkin sellaisen ratkaisun, että
Näytä-valikosta asetetaan sivun tyylimäärittelyksi ei
tyylimäärittelyä, ja tämän jälkeen Firefox näyttää Googlen hakutulokset
JAWS:in kannalta samaan tapaan kuin IE. Valitettavasti asetus pitää
käydä jokaisella käynnistyksellä erikseen muuttamassa.

[Sauli Kaskipelto]

Post by Jukka K. Korpela
Hankalinta on löytää, mihin hakemistoon pitää perustaa minkäniminen
tiedosto. En ole erityisen ihastunut Firefoxin tapaan toteuttaa
käyttäjän tyyliohjeen käyttöönotto; jopa IE:ssä asia on paremmin (tai
vähemmän huonosti) toteutettu.

Helpotuksen tähän tarjoaa Firefoxin lisäosa Stylish, jonka avulla voi
todella helposti määritellä sivustokohtaisia css-tyylejä välittämättä
fyysisistä tiedostoista ja mihin ne pitäisi talentaa. Kaikki muokkaus
tapahtuu suoraan selaimen käyttöliittymästä.

Tässä aloittajallekin vinkiksi ihan helppo ohje tähän kyseiseen tapaukseen:

1. Asenna lisäosa Stylish. Löytyy mozillan Add-ons -sivustolta

2. Stylishin S-kuvake ilmaantuu ikkunan oikeaan alareunaan, tilarivin
päähän. Klikkaa tästä valikosta Write new style -> Blank style

3. Lisää säännön sisältö:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("google.fi"), domain("google.com"){
#cnt ol li { list-style-type: decimal!important; }
}


4. Tallenna sääntö haluamallasi nimellä, esim. Google.

-SK

[Jukka K. Korpela]

Post by Sauli Kaskipelto
Helpotuksen tähän tarjoaa Firefoxin lisäosa Stylish, jonka avulla voi
todella helposti määritellä sivustokohtaisia css-tyylejä

Mainio vinkki, kiitos!
Itse asiassa on vielä vähän helpompaakin...

Post by Sauli Kaskipelto
1. Asenna lisäosa Stylish. Löytyy mozillan Add-ons -sivustolta

Helpointa kai on Firefoxissa antaa komento Työkalut -> Lisäosat ja klikata
kuvaketta "Hae lisäosia" ja sitten hakea ihan nimellä, ja loppu menee
melkein itsestään.

Post by Sauli Kaskipelto
2. Stylishin S-kuvake ilmaantuu ikkunan oikeaan alareunaan, tilarivin
päähän. Klikkaa tästä valikosta Write new style -> Blank style
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("google.fi"), domain("google.com"){
#cnt ol li { list-style-type: decimal!important; }
}

Jos valitsee Write new style -> For google.fi, niin ei tarvitse kirjoittaa
tuo rimpsua vaan riittää kirjoittaa itse sääntö, esimerkiksi
#cnt ol li { list-style-type: decimal !important; }
aaltosulkeiden ("{" ja "}") väliin sen rimpsun keskelle, jonka tuo lisäosa
rakentaa valmiiksi. Tosin siinä on tällöin vain domain("google.fi"), jota
siis pitää käsin täydentää, jos haluaa säännön koskevan myös
google.com-käyttöä. (Oikeastaan siihen ehkä pitäisi lisätä muutakin, onhan
olemassa google.fr jne.)

[Harri Tuominen]

On Thu, 20 Aug 2009 10:46:12 +0300,

Post by Jukka K. Korpela
Mainio vinkki, kiitos!

Samat sanat. Sain homman nyt toimimaan erinomaisesti, vaikka säännön
lisäämisessä piti hieman kikkailla. JAWS:in Firefox-tuki ei ole aivan
täydellinen, ja lisäosien säätämisessä on omat temppunsa. Pääasia
kuitenkin on, että ongelma ratkesi eikä enää tarvitse erikseen
jokaisella Firefoxin käynnistyskerralla kytkeä tyylejä pois, jotta
Googlen hakutulokset näkyvät numeroituina.

Post by Jukka K. Korpela
Jos valitsee Write new style -> For google.fi, niin ei tarvitse kirjoittaa
tuo rimpsua vaan riittää kirjoittaa itse sääntö, esimerkiksi
#cnt ol li { list-style-type: decimal !important; }
aaltosulkeiden ("{" ja "}") väliin sen rimpsun keskelle, jonka tuo lisäosa
rakentaa valmiiksi.

En tiedä, teinkö homman oikein, sillä kopioin tuon rimpsun
leikepöydälle ja liitin sen edit-kenttään. Siinä ei ollut valmiiksi
aaltosulkeita. Säännön nimeksi annoin vain google.fi (en "For
google.fi) ja Tags-kohtaan en laittanut mitään. Olisiko säännön nimeksi
pitänyt antaa nimenomaan "For google.fi" pelkän "google.fi"-merkkijonon
asemesta?

[Sauli Kaskipelto]

Post by Harri Tuominen
En tiedä, teinkö homman oikein, sillä kopioin tuon rimpsun
leikepöydälle ja liitin sen edit-kenttään. Siinä ei ollut valmiiksi
aaltosulkeita.

Jos homma kerran toimii erinomaisesti, niin eiköhän se silloin ihan
jetsulleen mennyt.

Post by Harri Tuominen
Säännön nimeksi annoin vain google.fi (en "For
google.fi) ja Tags-kohtaan en laittanut mitään. Olisiko säännön nimeksi
pitänyt antaa nimenomaan "For google.fi" pelkän "google.fi"-merkkijonon
asemesta?

Nimi ja tagit ovat vain itseäsi varten, niillä ei ole toiminnallisuuden
kannalta mitään merkitystä. Niihin voi kirjoittaa nimen jonka
perusteella itse pysyy selvillä mitä sääntö tekee. Tageillä ja nimellä
on merkitystä vasta sitten jos sääntöjä olisi useita, esimerkiksi
kymmeniä tai satoja eri sivustoille. Silloin niiden hallitsemista
helpottaa kuvaavat nimet ja avainsanat. Tässä tapuksessa niillä ei
kuitenkaan ole juurikaan merkitystä.

Itse käytän tuota lähinnä mainosten piilottamiseen sivustoilta, joilla
käyn usein. Samoin tuo osoittautui hirveän käteväksi, kun Suomi24.fi
hiljattain pilasi keskustelupalstan ulkoasun. Siitä sai AdBlock Plussan
ja Styishin CSS-sääntöjen avulla ihan siedettävän.

-SK