miten voi muuttaa hyperlinkistä titlen. esimerkiksi taustan värin.
itsellä ei leikkaa onko mahdollista css, javascript,html...
koska title tagi on kuitenkin eriasia.
(eli sen mikä ilmestyy kun pitää hiirtä vähän aikaa linkin päällä)
itsellä ei leikkaa onko mahdollista css, javascript,html...
koska title tagi on kuitenkin eriasia.
(eli sen mikä ilmestyy kun pitää hiirtä vähän aikaa linkin päällä)
Vastaukset 2
Vanhimmat
http://www.blogohblog.com/pure-css-tooltips/
vie hiiri tuohon kohtaan
"This is a tooltip example!Click on this link "
Sitä tooltip-tekstiä, jonka selain saattaa näyttää (riippuu selaimesta) kun elementissä on title-määrite, ei voi säädellä CSS:llä. Se nimittäin on toteutettu järjestelmän ominaisuuksilla, jotka ovat ihan HTML:n ja CSS:n toteutuksen ulkopuolella. Järjestelmän asetuksista saattaa käyttäjä voida muuttaa tooltip-tekstin ulkoasua.
Mainitsemallasi sivulla esitetty tooltipin jäljittely CSS:llä on erittäin kyseenalainen ainakin noin toteutettuna. Aloitetaan vaikka siitä, mitä
This is a pure CSS tooltip!Tooltip 1
merkitsee ja miltä se näyttää, kun CSS ei ole käytössä:
This is a pure CSS tooltip!Tooltip 1
Tyhmännäköistä, eikö totta? Ja on lukemattomia syitä, joiden takia CSS-koodi voi jäädä vaikutuksetta, ks.
http://www.cs.tut.fi/~jkorpela/css-caveats.html
Lisäksi mainostamallasi sivulla on toteutus tehty muutenkin kyseenalaisesti. Esimerkiksi IE 8:lla ei tooltip-tekstiä tule esille vaan tulee vain musta palkki. Samoin käy Firefox 3:lla – palkin reunat vain ovat pyöristetyt. Firefox kertoo myös JavaScript-virheistä, kun vien osoittimen linkin päälle – että sellainen ”pure CSS”.
Parempi lähestymistapa voisi olla se, että CSS:llä rakennetaan title-määritteen näkyvä esitys tähän tapaan:
a[title]:hover:after { content: attr(title); background: ... }
Tämä kuitenkin kaatuu erilaisiin käytännön ongelmiin kuten ”kaksoisesitykseen”: selain näyttää title-määritteen arvon myös omalla esitystavallaan.
Käytännössä turvallisin (!) ratkaisu on siis JavaScriptin käyttö oikein toteutettuna. Se taas ei kuulu tälle palstalle... Mutta olennaista on, että JavaScriptillä voi esittää myös sellaista tekstiä, joka ei lainkaan näy dokumentin alkuperäisessä sisällössä eikä HTML-merkkauksessa. JavaScriptillä voi esimerkiksi käsitellä onmouseover- ja onmouseout-tapahtumat ja luoda dokumenttipuuhun uusi elementti ja esittää se halutulla tavalla halutussa paikassa.
Tietenkään sellainen teksti ei näy kaikissa oloissa (käytännössä: kun skriptien suoritus selaimessa on estetty), mutta tooltip-tyyppisten tekstienhän pitäisi antaa vain oheisvinkkejä, ei sisältää mitään olennaista tietoa, jota ei ole muualla saatavilla.