/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
JS alternativ til hover?
Fra : Stefan Kristensen


Dato : 11-02-05 20:14

Hej NG.

Jeg vil lave et tooltip på et almindeligt ord og have cursoren til at ændre
sig når der peges på ordet:

<span class="hardWord" title="Forklaring på et svært ord">sublimation</span>

..hardWord:hover {
cursor: help;
}

Det virker fint i FF men ikke i IE.
Kan man v.h.a. noget javascript på onmouseover ændre cursoren? (og
selfølgelig tilbage igen på onmouseout).

Mvh
Stefan



 
 
Peter Farsinsen (11-02-2005)
Kommentar
Fra : Peter Farsinsen


Dato : 11-02-05 20:37

Stefan Kristensen wrote:

> Jeg vil lave et tooltip på et almindeligt ord og have cursoren til at ændre
> sig når der peges på ordet:
>
> <span class="hardWord" title="Forklaring på et svært ord">sublimation</span>
>
> .hardWord:hover {
> cursor: help;
> }

Du har ikke brug for javascript. Du skal bare droppe :hover. cursor: kan
netop kun ændre sig når cursoren rent faktisk er over elementet.

--
Peter Farsinsen
peter at farsinsen dot dk

Stefan Kristensen (11-02-2005)
Kommentar
Fra : Stefan Kristensen


Dato : 11-02-05 20:54

> > Jeg vil lave et tooltip på et almindeligt ord og have cursoren til at
ændre
> > sig når der peges på ordet:
> >
> > <span class="hardWord" title="Forklaring på et svært
ord">sublimation</span>
> >
> > .hardWord:hover {
> > cursor: help;
> > }
>
> Du har ikke brug for javascript. Du skal bare droppe :hover. cursor: kan
> netop kun ændre sig når cursoren rent faktisk er over elementet.

Hmmm... Det var da en dejlig nem løsning

Ved lidt googling fandt jeg
onmouseover="this.style.cursor='help';"
hvilket også virker. Dit svar besvarer så også mit spørgsmål om hvorfor
cursoren skiftede tilbage igen uden en onmouseout funktion.

Så mange tak for dit svar.

Mvh
Stefan



Claus Jacobsen (12-02-2005)
Kommentar
Fra : Claus Jacobsen


Dato : 12-02-05 00:36

Stefan Kristensen skrev:

> Hej NG.
>
> Jeg vil lave et tooltip på et almindeligt ord og have cursoren til at
> ændre sig når der peges på ordet:
>
> <span class="hardWord" title="Forklaring på et svært
> ord">sublimation</span>
>
> .hardWord:hover {
> cursor: help;
> }
>
> Det virker fint i FF men ikke i IE.
> Kan man v.h.a. noget javascript på onmouseover ændre cursoren? (og
> selfølgelig tilbage igen på onmouseout).
>
> Mvh
> Stefan

Der er desværre et meget stort problem her! Firefox kan sagtens lave
hover på alle elementer, men MS valgte kun at implementere den del på
links, så IE forstår kun a:hover. du kan besøge www.htmldog.com og
kigge efter son of suckerfish menuen, her bruges et lille javascript
for at få IE til at lave hover også.


Claus

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408925
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste