CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

mhoffmann Nybegynder

11. januar 2003 - 16:36 Der er 17 kommentarer og
1 løsning

On mouse over

Hej

Skal bare bruge et script der:

1. skifter format(farve, størrelse, bold) på teksten når musen er hen over linket
2. fjerner understregningen der normalt er på links

Det skal bare været et simpelt script, med forklaring om hvordan jeg bruger det.

Synes godt om

changman Nybegynder

11. januar 2003 - 16:40 #1

Du kan bruge Stylesheets!

Synes godt om

jeg_var_gangsta Nybegynder

11. januar 2003 - 16:40 #2

I din <head> skriver du flg.
<STYLE REL="StyleSheet" TYPE="Text/CSS">
A:Hover
{
text-decoration: none;
}

.link
{
font-family: arial;
font-size: 8pt;
color: black;
font-weight: normal;
}

.link_hover
{
font-family: verdana;
font-size: 10pt;
color: red;
font-weight: bold;
}
</STYLE>

Derefter indsætter du det her i <BODY>

<A HREF="http://url" onMouseOver="this.className='link_hover';" onMouseOut="this.className='link';">link</A>

Synes godt om

jeg_var_gangsta Nybegynder

11. januar 2003 - 16:42 #3

Ups, jeg mangler en CLASS="link" i min <A>

Synes godt om

jeg_var_gangsta Nybegynder

11. januar 2003 - 16:43 #4

Her er koden til en hel html-fil :)
<HTML>
<HEAD>
<STYLE REL="StyleSheet" TYPE="Text/CSS">
A:Hover
{
text-decoration: none;
}

.link
{
font-family: arial;
font-size: 8pt;
color: black;
font-weight: normal;
text-decoration: none;
}

.link_hover
{
font-family: verdana;
font-size: 10pt;
color: red;
font-weight: bold;
text-decoration: none;
}
</STYLE>
</HEAD>
<BODY>
<A HREF="http://url" CLASS="link" onMouseOver="this.className='link_hover';" onMouseOut="this.className='link';">Specielt Link</A>
<BR>
<A HREF="http://url">Almindeligt Link</A>
</BODY>
</HTML>

Synes godt om

changman Nybegynder

11. januar 2003 - 16:47 #5

<html>
<head>
<style>

a.nodec {font-family: verdana, arial, helvetica, sans-serif;
font-size: 9px;
color: gray;
font-weight: normal
text-decoration:none}

a:hover {font-family: verdana, arial, helvetica, sans-serif;
font-size: 9px;
color: black;
font-weight: bold
text-decoration: underline}

</style>
</head>
<body>

<a class="nodec" href="link.htm">Link</a>

</body>
</html>

Synes godt om

changman Nybegynder

11. januar 2003 - 17:00 #6

UPS! Der mangler lige nogle ";" efter to af linjerne... Du kan selv udskifte farve, skrifttype, størrelse, underline, bold i scriptet efter behov..

Synes godt om

mhoffmann Nybegynder

11. januar 2003 - 17:08 #7

>>jeg_var_gangsta : Hvordan er det med det script du har skrevet?? Kan de ses i alle browser (typer, versioner,) Er det det man kalder CSS??

Synes godt om

olebole Juniormester

11. januar 2003 - 18:10 #8

<ole>

Pas på med at gøre tekst bold ved mouseover. Det er en ting, du ikke ser på professionelt designede sites - og ikke uden grund ;o)

/mvh
</bole>

Synes godt om

jeg_var_gangsta Nybegynder

12. januar 2003 - 13:01 #9

mhoffmann > Det er en blanding af CSS og JavaScript, og den burde kunne ses i alle browsere, selvom netscape navigator ikke fortolker CSS lige så godt som Internet Explorer (Længere diskution om Microsoft vs. the world, som jeg ikke gider komme ind på her :)

Synes godt om

olebole Juniormester

12. januar 2003 - 18:40 #10

Det kan jeg godt forstå, du ikke ønsker at diskutere ... det kan du vist ikke argumentere fornuftigt for. Hvad mener du, IE fortolker, som NS ikke fortolker?
Ikke fordi, jeg ønsker en diskusion, men du kan jo ikke bare komme med tomme påstande, uden at eksemplificerer det :)
/mvh

Synes godt om

jeg_var_gangsta Nybegynder

12. januar 2003 - 20:07 #11

Microsoft har brudt CSS-standarden, og fordi IE er den mest brugte browser på markedet er MS' CSS blevet den mest brugte. NN kan ikke fortolke MS' ikke-standard CSS, og med god grund. Men som sagt er det IE, som er den mest brugte browser.

Synes godt om

olebole Juniormester

12. januar 2003 - 20:22 #12

Okay, du mener altså ikke CSS, men 'det der', MS gør brug af i stedet for :)
CSS er den standard, W3C sætter (og den opfylder IE ikke engang - standarden er langt større, end det IE kan fortolke), det andet er helt proprietær MS-kode, som ikke har noget med CSS at gøre. Der er ikke noget, der hedder MS' CSS ... CSS er CSS :)

Det samme gælder i øvrigt MS' JScript, som ikke er det samme som JavaScript. MS har indført en bunke properties, events, metoder og objekter, der gør IE til en katastrofe på WWW.
/mvh

Synes godt om

mhoffmann Nybegynder

12. januar 2003 - 21:13 #13

Ok, men så lad mig lige få slået fast. Ovenstående kode som nu er på mine webside. Kan den vises korekt af de forskellige browsere og også de lidt ældre modeller.

Og et andet spørgsmål som måske er endnu mere interessant. Hvis ikke bliver vist korrekt, hvordan vises det så. Kommer der slet ingen tekst frem, eller viser den bare teksten normalt uden "on mouse over" effekter??

Synes godt om

olebole Juniormester

12. januar 2003 - 21:32 #14

Det kommer helt an på, hvad du mener med 'lidt ældre modeller'. F.eks. havde NS4x ikke implementeret CSS, så nogle af de viste eksempler vil have det svært ved at blive vist med den :)
På den anden side, slår man JavaScript fra i IE5+, når man surfer - hvis man bare er en lille smule fornuftig.

Dette her vil blive vist - også når man har slået JS fra:

<html>
<head>
<style>
a.nodec {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9px;
color: gray;
background-color: #ffffff;
font-weight: normal;
text-decoration:none;
}
a.nodec:visited {
color: gray;
background-color: #ffffff;
font-weight: normal;
text-decoration:none;
}
a.nodec:hover {
color: red;
background-color: #ffffff;
font-weight: bold;
text-decoration: none;
}
</style>
</head>
<body>

<a class="nodec" href="link.htm">Link</a>

</body>
</html>

/mvh

Synes godt om

mhoffmann Nybegynder

13. januar 2003 - 14:55 #15

Hej olebole

Ok. Men når det ikke bliver vist. Fordi det er slået fra f.eks. Viser den så bare teksen uden effekteterne, eller virke linket slet ikke?????

Synes godt om

olebole Juniormester

13. januar 2003 - 23:31 #16

Dine links vil virke helt fint ... det er blot formateringen af teksten, der vil være browserens default-indstilling for formatering af links ;o)
/mvh

Synes godt om

olebole Juniormester

13. januar 2003 - 23:34 #17

PS: Gør du det med rent CSS, vil link-formateringen blive vist, som du gerne vil have ... uanset om JS er slået til eller fra.

Synes godt om

mhoffmann Nybegynder

16. januar 2003 - 20:49 #18

Ok, har leget lidt med det hele. Hvad er forskellen på at du skriver "a.nodec og a.nodec:hover " istedet for bare "a og a.hover" Står nodec for noget bestemt?

Mvh Martin

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS

26/07

Test: Endelig kan man få en soundbar der lyder godt - og som ikke behøver nogen klodset subwoofer

26/07

Analyse: ”Det største it-nedbrud i historien” viser hvor sårbare dine it-løsninger er - og det vil ske igen

26/07

Nørgaard: Jeg har jo sagt det gang på gang på gang! VMS er det bedste styresystem EVER! Men lytter folk?! Nej, nej og atter nej!

26/07

Kæmpeleverandør til Pentagon hacket: Interne undersøgelser lækket

26/07

Stor aftale gør Microsofts datacentre hurtigere - investerer i netværksudstyr

26/07

Nordjyske MapsPeople ruster op til opkøb af konkurrenter: "Vi vil vinde det her kapløb"

26/07

Mød den unge version af den mest elskede seriemorder nogensinde

26/07

AMD opdager cpu-fejl i 11. time: Storstilet lancering udskydes

26/07

Microsoft tager til genmæle: Vores licenspraksis skaber ikke unfair konkurrence

26/07

Med SearchGPT har verden fået en spritny søgemaskine: Kan den true Googles dominans?

26/07

Færre unge studerende på landets it-uddannelser: "Vi afviser dem der, hvor de har lyst til at læse"

Vis flere artikler

IT-JOB

Digitaliseringsstyrelsen

Skarpe it compliance-managers søges til Digitaliseringsstyrelsen

Danoffice IT

Bliv vores Head of Hybrid Cloud & Software Development

Sund & Bælt Holding A/S

BI Data Specialist til koncernfælles BI-funktion

Telmore A/S

BI Analyst til digital transformation i Telmore

Udviklings- og Forenklingsstyrelsen

Business Analyst med sans for teknik og samarbejde til MOMS drift

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

I dag 18:09	Kan ikke fildele fra PC til PC Af gertLundberg i LAN/WAN
I dag 17:33	Facebook kopier en tråd Af clausito i Sociale medier
I dag 09:49	Indtogs sejlads : OL i Paris : Hvornår kom Danmark ? Af Ikke-ekspert i Fri debat
I dag 03:28	Inkasso som privat? Af lekor adams i Fri debat
I går 23:51	Frossen cursor Af goglov i PC