osoitin

[Tomi Lindroos]

Miten saadaan osoitin muutttumaan sormenkuvaksi kun se on linkin päällä?

[Jukka K. Korpela]

Post by Tomi Lindroos
Miten saadaan osoitin muutttumaan sormenkuvaksi kun se on linkin päällä?

Sellainen toiminta on graafisten selainten tyypillinen ominaisuus, jota ei
tarvitse mitenkään erityisesti saada aikaan. Ongelmia syntyy vasta, jos
linkki ei olekaan linkki vaan esimerkiksi JavaScriptillä toteutettu
"pseudolinkki".

Mikä siis varsinaisesti on ongelmana? Jos tarkoitat kirjaimellisesti
sormenkuvaa - normaali esitystapahan on kädenkuva etusormi pystyssä -, niin
silloin pitäisi ensin luoda kuvatiedosto sopivassa formaatissa ja käyttää
sentapaista CSS-koodia kuin
:link, :visited { cursor: url(sormi.cur); }
mutta selaintuki on lievästi sanoen ongelmallinen, ks. esim.
http://www.quirksmode.org/css/cursor.html

[P.Piirto]

Post by Tomi Lindroos
Miten saadaan osoitin muutttumaan sormenkuvaksi kun se on linkin päällä?

esim <button class="pointteri">joku nappi</button>

sit headiin:
<style>
.pointteri {cursor: pointer;}
</style>

Kursori tosiaan muuttuu automaattisesti yleensä pointteriksi, mutta
joskus jostain ihmeellisyyksistä johtuen eri selaimet eivät oikein
tajuakaan sitä.

T: P.Piirto

[Tomi Lindroos]

Post by P.Piirto

Post by Tomi Lindroos
Miten saadaan osoitin muutttumaan sormenkuvaksi kun se on linkin päällä?

esim <button class="pointteri">joku nappi</button>
<style>
.pointteri {cursor: pointer;}
</style>
Kursori tosiaan muuttuu automaattisesti yleensä pointteriksi, mutta joskus
jostain ihmeellisyyksistä johtuen eri selaimet eivät oikein tajuakaan
sitä.
T: P.Piirto

Tuo auttoi. Kiitokset tiedoista.

[Jukka K. Korpela]

Post by Tomi Lindroos

Post by P.Piirto

Post by Tomi Lindroos
Miten saadaan osoitin muutttumaan sormenkuvaksi kun se on linkin päällä?

esim <button class="pointteri">joku nappi</button>

- -

Post by Tomi Lindroos
Tuo auttoi. Kiitokset tiedoista.

Siinä tapauksessa ongelma oli toinen kuin oli esitetty (kuten epäilinkin).

Button-elementtihän ei ole linkki.

[Tomi Lindroos]

Post by Jukka K. Korpela

Post by Tomi Lindroos

Post by P.Piirto

Post by Tomi Lindroos
Miten saadaan osoitin muutttumaan sormenkuvaksi kun se on linkin päällä?

esim <button class="pointteri">joku nappi</button>

- -

Post by Tomi Lindroos
Tuo auttoi. Kiitokset tiedoista.

Siinä tapauksessa ongelma oli toinen kuin oli esitetty (kuten epäilinkin).
Button-elementtihän ei ole linkki.
--
Yucca, http://www.cs.tut.fi/~jkorpela/

Se toimi myös linkissä.

[Jukka K. Korpela]

Post by Tomi Lindroos
Se toimi myös linkissä.

Jossa sitä ei tarvita, ellei ole erikseen rikottu selainten normaalia
toimintatapaa. Kuten aiemmin sanoin.

Tiedämme siis, mikä oli mielestäsi ratkaisu, mutta emme ongelmaa (emmekä
sitä, oliko ratkaisu illuusio).

[Ari Saastamoinen]

Post by Jukka K. Korpela
Button-elementtihän ei ole linkki.

On rikki tai ei, mutta toi button on harvinaisen ikävä, kun se toimii
totaalisen eri tavalla IE:ssä ja about kaikissa muissa selaimissa.

[Tomi Jaskari]

Post by Ari Saastamoinen

Post by Jukka K. Korpela
Button-elementtihän ei ole linkki.

On rikki tai ei, mutta toi button on harvinaisen ikävä, kun se toimii
totaalisen eri tavalla IE:ssä ja about kaikissa muissa selaimissa.

Mihinköhän nappiin tässä viitataan; määrälliseen, erääseen tiettyyn vai
täysin epämääräiseen ja yleiseen? :D Muistelen, että joskus on "vaadittu"
kohteena olevan sivuston paljastamista, jolloin ongelmaan on helpompi
pureutua. Muuten menee liian abstaktiksi väittelyksi määrittelyjen ja
toteutuksien viidakossa...

En ole itse huomannut - käyttäjän näkökulmasta - merkittävää tai
merkityksellistä eroa Button-elementin toiminnassa eri selaimissa. Koska
itse teen sattuneista syistä yleensä taustajärjestelmättömiä sivustoja, en
pahemmin käytä lomakkeita enkä niihin liittyviä tagejä. Sen verran olen
huomannut, että lomakkeiden koristeluun liittyy hieman enemmän haasteita,
koskapa eri selaimet näyttävät lomakkeen elementit toisistaan poikkeavin
tavoin. Ehkäpä ongelma poistuisi jos Microsoft valmistaisi kaikki maailman
selaimet, eikä niitä koskaan tarvitsisi päivittää :)