Hur gör man så att en svart länk blir gul och fortsätter vara gul tills man klickar på en annan länk på sidan?
Byta färg vid klick?
9 svar · 470 visningar · startad av Bosse168
<script type="text/javascript">
document.onclick=function(evnt){
if(window.event){
if(window.event.srcElement.tagName=="A")
klicka(window.event.srcElement);
} else if(evnt.target){
if(evnt.target.tagName=="A")
klicka(evnt.target);
}
}
function klicka(theLink){
for(var i=0; i<document.links.length; i++){
document.links[i].className="";
}
theLink.className="klickad";
}
</script>
<style type="text/css">
a { color: black; }
a.klickad { color: yellow; }
</style>
...
<a href="#">Länk 1</a><br />
<a href="#">Länk 2</a><br />
<a href="#">Länk 3</a><br />
<a href="#">Länk 4</a><br />
<a href="#">Länk 5</a>
Mycket fint skript måste jag säga:) Om man vill att ena länken, låt oss säga Länk 1, ska bli gul när man klickar på Länk 3, hur gör man då?
Jag förstår inte riktigt, men kanske så här?
function klicka(theLink){
for(var i=0; i<document.links.length; i++){
document.links[i].className="";
}
theLink.className="klickad";
if(theLink==document.links[2])
document.links[0].className="klickad";
}
Varför göra det svårt? Kan ha missförstått helt, men räcker det inte med lite hederlig css (a:active)?
<html>
<head>
<style type="text/css">
<!--
a:link { text-decoration: none; color: #000000}
a:visited { text-decoration: none; color: #000000}
a:active { text-decoration: none; color: #ffff00}
-->
</style>
</head>
<body>
<a href="#">test</a><br>
<a href="#">test</a><br>
<a href="#">test</a><br>
<a href="#">test</a><br>
<a href="#">test</a><br>
</body>
</html>
Varför göra det svårt? Kan ha missförstått helt, men räcker det inte med lite hederlig css (a:active)?
Active försvinner när du klickar på en annan länk någonstans.
Tråden flyttas från HTML-forumet.
Re: Byta färg vid klick?
Web-Tor skrev:
Active försvinner när du klickar på en annan länk någonstans.
Tråden flyttas från HTML-forumet.
Det var ju det som var frågan...
Bosse168 skrev:
Hur gör man så att en svart länk blir gul och fortsätter vara gul tills man klickar på en annan länk på sidan?
Hej dectgap, det var inte riktigt så jag menade. Med ditt skript måste man ju veta exakt vilken länk man alltid vill ska ändras. Men jag har istället ett antal olika länkar som jag vill ska förändras lite efter vad som klickas på innan. Jag vet hur jag gör om jag har en specifik länk som ska ändras, men hur gör man för att identifiera en viss länk till att ändras. Jag har testat att sätta ett id och ett name på just de länkarna som jag vill ska ändras, men jag får det inte att ändras.. har du/ni något bra tips?:)
En konstig fråga, när ska länken ändra från svart till gul?
Vid hover eller när? Menar du så här kanske?
<html>
<head>
<style type1 ="text/css">
a:link, a:visited
{color:black; FONT-FAMILY: Verdana, Arial, Helvetica ;
FONT-SIZE: 16; FONT-WEIGHT:bold; text-decoration:none; }
a:hover
{color:yellow;}
a:active
{color: blue;}
</style>
</HEAD>
<BODY BGCOLOR=GREEN>
<BR><BR>
<A HREF=dinsida.htm >Länkarna svarta </A>
<BR><BR>
<A HREF=dinsida.htm >Länkarna gula vid hover </A>
<BR><BR>
<A HREF=dinsida.htm >Senast besökta länk, blå </A>
</body>
</html>
Hejhej, nej så menar jag inte. För att förenkla det hela kan man säga att jag söker ett skript som känner av vilka länkar jag vill ska påverkas när man klickar på en annan länk. Hmm, det här blev svårt:) Alltså, om jag klickar på länk A så vill jag att det ska påverka en annan länk, men vid kodningen vet jag inte om jag vill att det ska påverka B eller C, däremot kanske jag vet att det ska påverka den länk som har fått värdet/namnet/idet "påverkad"... Jag är inte så bra på att förklara:)