Test fil:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title><meta name="robots" content="index, follow">
<style type="text/css">
a {font-size:large;font-weight:bold;}
a:link {color:#f00;}
a:visited {color:#f0f;}
a:hover {color:#555;}
a:active {color:#ff0;}
</style>
</head><body>
<a href="./1.html">1.html</a>
<a href="./2.html">2.html</a>
</body></html>
active:
tab henover links i IE: Links skifter til gul farve
tab henover links i FF: Links skifter ikke til gul farve
- tryk på højre museknap eller tryk og hold venstre museknap inde på linket og linket skifter til gul farve ... prøv evt. med venstre museknap trykket ned at trække musen væk fra linket og giv så slip på museknappen - linket forbliver gult, fokus er sat til linket (test evt. ved at ramme enter)
test evt. også denne fil:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title><meta name="robots" content="index, follow">
<style type="text/css">
a {font-size:large;font-weight:bold;}
a:link {color:#f00;}
a:visited {color:#f0f;}
a:hover {color:#555;}
a:active {color:#ff0;}
</style>
</head><body onload="document.getElementsByTagName('a')[0].focus();">
<a href="./1.html">fokuseret link</a>
</body></html>
... der er som sagt åbenbart browser variationer på det active, og det lægger sig grundlæggende på at linket er aktivt, men det betyder ikke at det kun lyser når man følger det eller sætter det aktivt med dit script, som forresten ikke virker ? (se nedenstående). Jeg er ikke enig i "Dermed kan man kun se, om et link bliver aktivt, hvis target er sat."
Nedenstående skulle så iflg. scriptet fra 30/12-2006 23:17:46 forårsage at linket bliver aktivt og dermed gult, det virker dog ikke helt gult hos mig ?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title><meta name="robots" content="index, follow">
<style type="text/css">
a {font-size:large;font-weight:bold;}
a:link {color:#f00;}
a:visited {color:#f0f;}
a:hover {color:#555;}
a:active {color:#ff0;}
</style>
</head>
<body onload="document.getElementById('forside').setActive();'>
<A target="side" href="Forside/index.html" id="forside">FORSIDEN</A>
</body></html>
...
...
... Men efter at have testet FF lidt grundigere vil jeg nok
definere active som både det Thesurfer skrev samt det jeg skrev
active: Når museknappen er nede på linket, har været nede på linket og så er trukket ud og herefter museknappen slippet, når focus er sat til linket med højremuseknap - og i IE (måske flere?) når man har flyttet focus til det via tab og dermed gjort linket aktivt.
Slettet bruger
Ny bruger
Nybegynder
Opret
Preview
