Skift Skrifttype (haster)

http://www.builder.dk/artikler/article.asp?AID=20#

Det kan du da gøre med CSS skulle jeg mene...

ved at lege lidt med Active/Visited indstillingerne.

kan vi få lov til at se noget kode? :-)

a:hover{font-size: 13px; font-weight: bold;color: #232323;text-decoration: underline; letter-spacing: 4px;}


dette er din hover effekt så bliver skrifttypen fed når musen er over.

mukanus >> a:hover er ikke understøttet av NS ;-)

active er bedre og jeg bruger active i øjeblikket

så bytter du bare ut

a:hover

med

a:active

i mukanus sitt eksempel

/nute

Men hvis man så klikker ved siden af et link skiftter farven tilbage, og det skulle den først når man klikkede på et anden link.

Hvis jeg bruger visited har den farve lige fra man klikker og den forsvinder aldrig og det skulle den jo når man klikker på et andet link.

Så Active og Visited kan ikke gøre det alene!

så skal du lage et litt spennende JAvaScript til å gjøre det for deg...

Jeg har også prøvet med:
onclick=\"java script:Link1.style.color=\'ffffff\';java script:Link2.style.color=\'000000\';Link2.style.color=\'000000\';\"

Men det script kan jeg ikke få til virke i den her sammenhæng!

<ole>

<html>
<head>
<script language=\"JavaScript\">
var ie4 = (document.all)? true : false;
var dom = (document.getElementById)? true : false;
function skift(which) {
    if (dom) {
    L = document.getElementsByTagName(\"A\");
        for (i=0; i<L.length; i++) {
            L[i].style.fontWeight = (L[i].id.indexOf(\"Link\"))? \"normal\" : void(0);
        }
        which.style.fontWeight = \"bold\";
    }
    else if (ie4) {
        for (i=0; i<document.all.length; i++) {
            if (document.all[i].tagName==\"A\") {
                document.all[i].style.fontWeight = (document.all[i].id.indexOf(\"Link\"))? \"normal\" : void(0);
            }
        }
        which.style.fontWeight = \"bold\";
    }
}
</script>
</head>
<body>

<a id=\"link1\" href=\"#\" onclick=\"skift(this);\">test 1</a><br>
<a id=\"link2\" href=\"#\" onclick=\"skift(this);\">test 2</a><br>
<a id=\"link3\" href=\"#\" onclick=\"skift(this);\">test 3</a><br>

</body>
</html>

Det fungerer stadig ikke i NS4  :)
/mvh
</bole>

Lidt mere \'sexy\' funktion:

function skift(which) {
    if (dom) {
    L = document.getElementsByTagName(\"A\");
        for (i=0; i<L.length; i++) {
            L[i].style.fontWeight = (L[i].id.indexOf(\"Link\"))? \"normal\" : void(0);
        }
    }
    else if (ie4) {
        for (i=0; i<document.all.length; i++) {
            if (document.all[i].tagName==\"A\") {
                document.all[i].style.fontWeight = (document.all[i].id.indexOf(\"Link\"))? \"normal\" : void(0);
            }
        }
    }
    which.style.fontWeight = \"bold\";
}

Mange Tak Olebole

M-Koldsgaard

anytime....  :)
Læg mærke til, at du kan tilføje så mange links, du vil. Hvis du ikke sætter en id på dem, rører funktionen dem ikke...sætter du en id, der indeholder \'Link\', vil der blive grebet fat i dem.
/mvh

Hmmmm...efter nærmere eftertanke er denne zq nok bedre:

<html>
<head>
<style type=\"text/css\">
.link {
    font-family:        Verdana;
    font-size:            12px;
    color:                #ff0000;
    text-decoration:    none;
}
</style>
<script language=\"JavaScript\">
var ie4 = (document.all)? true : false;
var dom = (document.getElementById)? true : false;
function skift(which) {
    if (dom) {
    L = document.getElementsByTagName(\"A\");
        for (i=0; i<L.length; i++) {
            L[i].style.fontWeight = (L[i].className==\"link\")? \"normal\" : void(0);
        }
        which.style.fontWeight = \"bold\";
        which.style.color = \"#ff0000\";
    }
    else if (ie4) {
        for (i=0; i<document.all.length; i++) {
            if (document.all[i].tagName==\"A\") {
                document.all[i].style.fontWeight = (document.all[i].className==\"link\")? \"normal\" : void(0);
            }
        }
        which.style.fontWeight = \"#ff0000\";
    }
}
</script>
</head>
<body>

<a class=\"link\" href=\"#\" onclick=\"skift(this);\">test 1</a><br>
<a class=\"link\" href=\"#\" onclick=\"skift(this);\">test 2</a><br>
<a class=\"link\" href=\"#\" onclick=\"skift(this);\">test 3</a><br>

</body>
</html>

/mvh