Länkfärg (ej vlink etc)

2004-10-21 11:01

Medlem ★

Plats: Mother's Cradle
Registrerad: Okt 2003

●

Länkfärg (ej vlink etc)

Sitter här och funderar över om det finns något sätt att ge en aktiv länk en speciell style, typ göra den fet, ge ny färg eller någoting - och så att den förblir sådan till man trycker på nästa länk.

Har tidigare kört med en
<h6 id="länkid" style="cursor:hand" onclick='changeColor("länkid")' >Länk1</h6>

Kopplad till denna funktion då
function changeColor(id)
{
document.getElementById('länkid').style.color='black'
document.getElementById('länkid2').style.color='black'
document.getElementById(id).style.color='red'
}

Min variant fungerar ju förvisso finfint - men nu när jag har en sida med ~60 länkar blir det en jävla massa kodande att få allting att bli snyggt på det här sättet. Finns det något hemligt css-knep eller så?

Visa signatur

Modermodem från ONOFF och bildskärmsutrustning från Electrolux. US Robotics 28.8K telefonuppringd internetförbindelse. Har en förkärlek för tysk tjejpop.

Rapportera Redigera

Citera flera Citera

2004-10-21 11:38

Permalänk

Shark^

Medlem

Plats: Deep Blue Sea
Registrerad: Jun 2003

●

Du kan alltid lösa det lite snyggare med javascript..

<script language="javascript">
function changeColor(item) {
 for(i=1;document.getElementById("länkid"+i)!=null;i++)
  document.getElementById("länkid"+i).style.color='black';
 item.style.color='red';
}
</script>
<span id="länkid1" style="cursor:pointer" onclick='changeColor(this)'>Länk1</span>
<span id="länkid2" style="cursor:pointer" onclick='changeColor(this)'>Länk2</span>
<span id="länkid3" style="cursor:pointer" onclick='changeColor(this)'>Länk3</span>
<span id="länkid4" style="cursor:pointer" onclick='changeColor(this)'>Länk4</span>
<span id="länkid5" style="cursor:pointer" onclick='changeColor(this)'>Länk5</span>
<span id="länkid6" style="cursor:pointer" onclick='changeColor(this)'>Länk6</span>

"span" kan såklart vara en h6 eller nått annat..

Visa signatur

~ When there's no more room in hell, the dead will walk the earth. ~

Rapportera Redigera

Citera flera Citera

2004-10-21 18:39

Permalänk

Malesca

Medlem

Plats: Stockholm
Registrerad: Sep 2003

●

Jag tycker det här är vackrare. Peta in lämplig DTD.

<html>
<head>

<style type="text/css">
h6 {
    // H6 är svarta och o-feta till en början
    color:black;
    font-weight:normal;
    // Man får göra såhär för att det ska funka i både IE och FF
    cursor:hand;
    cursor:pointer;
}
</style>

<script type="text/javascript">
function changeColor(id) { 
   if (!document.getElementsByTagName) return; 
   var anchors = document.getElementsByTagName("h6"); 
   for (var i=0; i<anchors.length; i++) { 
       var anchor = anchors[i]; 
       anchor.style.color = 'black'; 
       anchor.style.fontWeight = 'normal';
   } 
   id.style.color = 'red';
   id.style.fontWeight = 'bold'; 
} 
</script>
</head>

<body>
<h6 onclick="changeColor(this)">1</h6>
<h6 onclick="changeColor(this)">2</h6>
<h6 onclick="changeColor(this)">3</h6>
</body>

</html>

EDIT: Ändrade från "a" till "h6".
EDIT2: Bleh, fixade till cursor.

Senast redigerat 2004-10-21 18:57

Visa signatur

Personlig webbplats Talman2Batmanizer Slänko Remindera
Greasemonkey-script Artwork of Johanna Öst

Rapportera Redigera

Citera flera Citera

Länkfärg (ej vlink etc)

Länkfärg (ej vlink etc)

Externa nyheter

Spelnyheter från FZ