7 svar · 354 visningar · startad av Cita
Jag har hittat ett script som ändrar färg på länkar när man trycker på länken. Min fråga är; kan man ändra färgen på länken på något sätt så att man hänvisar till CSS?
Så här gör man det i länken nu:
lnk[num].style.color = "red";
Jag vill att "red" byts ut mot en viss klass i min css-fil...
<a href="sida.html" class="min-class">länk</a>
Fast jag tror inte det är detta du frågar efter ;)
Lite mera kod kanske underlättar(eller en länk till sidan)
Här är originalet
Eftersom det är ett script som jag inte själv gjort utan vill ändra på så hänvisar jag till orginalet som ligger på nätet...
Du kan köra en demo av scriptet här.
http://getelementbyid.com/scripts/index.aspx?CodeID=7
Det jag vill, är att styra dessa färger som är blå och röd i scriptet med gjälp av en css-fil, men det hade ni säkert redan fattat. :-)
Jag fattar inte poengen med scriptet, eller så fungerar det inte i moz.
vilketsom, ett jobbigt sätt att använda active och visited.
Anledningen till att jag behöver scriptet, eller något som löser mitt problem är att jag har en sida med länkar men länkarna öppnas i en iframe. Så fort man klickar någonstans så blir länken "okickad igen" och man ser inte vilken av länkarna som producerat texten i iframen.
Titta på min sida:
http://live.online.se/enrico/
onmouseover="this.className='lnkhover'" onmouseout="this.className='lnkplain'"
Detta borde funka.
<style type="text/css">
A {
color: #0000FF;
}
A.clicked {
color: #FF0000;
}
</style>
<script type="text/javascript">
function linkClick(el)
{
for (var i = 0; i < document.links.length; i++)
document.links[i].className = "";
el.className = "clicked";
}
</script>
<a href="#" onClick="linkClick(this);">Ett</a>
<a href="#" onClick="linkClick(this);">Två</a>
<a href="#" onClick="linkClick(this);">Tre</a>
Ditt förslag fungerade nästan tillfredställande. :-)
Problemet jag har nu är att jag har flera olika sorters länkar på sidan och att länken jag tänkte på ser ut så här i CSS-filen:
a.kantare:link
{
font: bold 10px/14px verdana, tahoma, geneva, arial, helvetica;
color: #A30000;
text-align: center;
text-decoration: underline;
}
Och länkarna så här med en "class":
<a class='kantare' href='text.asp?avd=2&kat=4' target='omenrico'>Val av valpkull</a><br />
Jag måste få in det här med "kantare" på något sätt, men jag vet inte hur...