Avatar billede martinfrost Nybegynder
11. november 2001 - 11:04 Der er 21 kommentarer og
3 løsninger

CSS til tekst

Hvordan giver man en onMouseOver CSS til tekst der ikke er et link?!

Jeg mener noget i den her stil:

<style>
.st { whatever }
.st:hover { whatever }
</style>

<span class=\"st\">TEKST</span>

men TEKST får jo desværre ikke \"st:hover\" stilen onmouseover :( Det virke kun som link - altså A:hover osv..., men det skal ikke være et link.

Håber nogen kan hjælpe?!?!

/ Martin
Avatar billede thaufer Nybegynder
11. november 2001 - 11:09 #1
du kunne jo bare lave en link uden nogen href...
noget i stil med dette her:
<a class=\"hmm\">Overskrift med hovereffekt...</a>

ved ikke lige om det virker...
Avatar billede martinfrost Nybegynder
11. november 2001 - 11:10 #2
Den opfatter det ikke som link, hvis href ikke indgår :(
Avatar billede thaufer Nybegynder
11. november 2001 - 11:12 #3
Er det noget i stil med det her du er ude efter:
http://www.friserverplads.dk/thaufer/profil.php
hvis du har ie5.5 eller over kan du se mine blå streger under overskriften...
Avatar billede parazite Nybegynder
11. november 2001 - 11:16 #4
<a href=\"java script:void(null);\" style=\"cursor: default;\" clas=\"tekst\">Link</a>
Et hack, absolut, men det burde virke.
Avatar billede parazite Nybegynder
11. november 2001 - 11:17 #5
clas skal naturligvis være class. :)
Avatar billede thaufer Nybegynder
11. november 2001 - 11:23 #6
det gør det også...
Avatar billede martinfrost Nybegynder
11. november 2001 - 11:25 #7
Thaufer: Ja noget i den stil, men den dynamiske del virker ikke, når det er ikke er <a> indeholdende href=\"\"... men Parazite - dit virker til gengæld... men det ville være fedt, hvis statusbaren ikke vidste scriptet :-?
Avatar billede parazite Nybegynder
11. november 2001 - 11:29 #8
Hmm, så skulle det være noget i stil med:
<a href=\"java script:void(null);\" onmouseover=\"self.status=\'\';\" style=\"cursor: default;\" clas=\"tekst\">Link</a>
Det *burde* virke.
Avatar billede martinfrost Nybegynder
11. november 2001 - 11:30 #9
Jeg det ville jeg jo også sige, men desværre kan jeg ikke få det til det... Men er det ikke noget med, at når man giver CSS til et link, så bruges onMouseOver-handleren ikke i linket?!?
Avatar billede Slettet bruger
11. november 2001 - 11:31 #10
Nej, jeg tror nu, du skal gøre sådan her:

<a href=\"java script:void(0);\" onmouseover=\"window.status=\'\'; return true;\" style=\"cursor: default;\" class=\"tekst\">Link</a>
Avatar billede Slettet bruger
11. november 2001 - 11:34 #11
Jeg har testet mit, og det virker udmærket!
Avatar billede martinfrost Nybegynder
11. november 2001 - 11:37 #12
Parazite
Avatar billede martinfrost Nybegynder
11. november 2001 - 11:38 #13
Hovsa... Parazite, hvis du også skal have nogle point bliver du nødt til at sende et \"svar\" :)

Men tak for hjælpen alle 3... der er point om 2min... vi giver lige Parazite en chance for at få sin del... :)
Avatar billede martinfrost Nybegynder
11. november 2001 - 11:40 #14
Phoenixv >> hvad er det helt præcis return true gør... Jeg kan godt se, at det virker, men forstår ikke helt, hvad funktion det har??! :)
Avatar billede parazite Nybegynder
11. november 2001 - 11:41 #15
Du får et svar her. Jeg sidder lige og roder efter en gammel olebole-funktion, der er *noget* frækkere end vores lille hack! :)
Avatar billede parazite Nybegynder
11. november 2001 - 11:41 #16
Jahjah... svar! :)
Avatar billede Slettet bruger
11. november 2001 - 11:44 #17
martinfrost>> Systemet har brug for, at der bliver meldt \"true\", for ellers vil det ikke skifte status-linjen ud. Det virker lidt åndssvagt, det synes jeg også!
Avatar billede martinfrost Nybegynder
11. november 2001 - 11:45 #18
2 point til thaufer for hurtigt svar og foreslag
9 point til parazite for korrekt svar
4 point til phoenixv for udbygningen
Avatar billede parazite Nybegynder
11. november 2001 - 11:46 #19
Hmm... kan ikke finde filen, men falder jeg over den, så smider jeg koden her. :)
Avatar billede Slettet bruger
11. november 2001 - 11:47 #20
parazite>> Mener du:

<style>
.normalClass {font-weight:normal;}
.hoverClass {font-weight:bold;}
</style>
<span class=\"normalClass\" onMouseOver=\"this.style.className = \'hoverClass\';\" onMouseOut=\"this.style.className = \'normalClass\';\">Her er noget tekst! Hover her!</span>

??
Avatar billede Slettet bruger
11. november 2001 - 11:48 #21
Det script skifter class-navnet på <span>\'en!

martinfrost>> Tak for points; nu har jeg lige præcist over 5000!
Avatar billede parazite Nybegynder
11. november 2001 - 11:49 #22
phoenixv : No - det var en eller anden måde, hvorpå han lavede forskellig farve på tekst og understregning, ved hjælp af JS - mener jeg da. Hmm... bliver lige nødt til at gennemrode gemmerne på et tidspunkt. :)
Avatar billede Slettet bruger
11. november 2001 - 11:53 #23
Nårh, det er bare noget med at ændre på hver enkelt style-property. Men så er det da nemmere (og smartere) at skifte class!?
Her er et eksempel på at skifte farve og understregning:

<span style=\"color:red; text-decoration:none;\" onMouseOver=\"this.style.color = \'blue\'; this.style.textDecoration = \'underline\';\" onMouseOut=\"this.style.color = \'red\'; this.style.textDecoration = \'none\';\">Noget rød tekst uden understregning!</span>
Avatar billede Slettet bruger
11. november 2001 - 11:54 #24
Virker i IE4+ og NS6+. Kan modificeres til også at virke i NS4!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester