Byta färg vid klick?

9 svar · 472 visningar · startad av Bosse168 2 dec. 2003

Bosse168Medlem sedan nov. 20031 018 inlägg

Frågan2 dec. 2003 01:50#1

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?

dectgapMedlem sedan sep. 20021 655 inlägg

2 dec. 2003 01:57#2

<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>

MolnaMedlem sedan jan. 2001188 inlägg

2 dec. 2003 14:18#3

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å?

dectgapMedlem sedan sep. 20021 655 inlägg

2 dec. 2003 15:50#4

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";
}

LBCMedlem sedan jan. 2003146 inlägg

2 dec. 2003 15:59#5

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>

Web-TorMedlem sedan nov. 200013 890 inlägg

3 dec. 2003 07:40#6

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.