link automatisch auf visited setzen

Hoi,

nie probiert, aber warum legst du per CSS keine eigene Klasse an, die visited imitiert und pflanzt die Klasse auf den betreffenden Link?

Andere Möglichkeiten außer per CSS sollte's keine geben - wären irgendwie...unlogisch. :)

Geist
 
ich versuchs mal genauer zu erläutern.


Ich betrete die Seite(Navi)

Der erste Link in der navi sollte z.b "visited" sein. beim klick auf einen anderen Link wir der erste wieder normal und der angeklickte wird "visited"
 
Mh?

Das klingt jetzt für mich so, als willst du den visited-Status eines Links aufheben, wenn ein anderer Link geklickt wird...?

Btw:
Beziehst du dich auf einfache Text-Links, Image-Links, was-auch-immer-Links?

Geist
 
Hast's denn schonmal mit CSS versucht?

Direkt positionierte Styles sollten ja Vorrang vor zerntral defnierten haben.
Da ich annehme, dass der visited-Status zentral definiert wird, kannst du doch z.B. deine Links allesamt ja in einen <div>-Tag einspannen und dann den Inhalt dieses <div>-Tags mit JavaScript's innerHTML-Modifizierung so gestalten, dass eine neue Linkklasse in den <div>-Bereich eingesetzt wird - mit normalem Aussehen:
PHP: 
<style type="text/css">
.normal { font-color: red; }
</style>
wäre die CSS-Festlegung, das JavaScript im <head>:
PHP: 
<script type="text/javascript">
function normaleLinks(AnzahlLinks) {
    var zaehler = 1;
    for (zaehler; zaehler<=AnzahlLinks; zaehler++) {
        document.all["div_id"+zaehler].innerHTML="<div id=\"div_id1\"><a href=\"...\" class=\"normal\" onClick=\"normaleLinks(5)\">...</a></div>";
}
< /script>
und der Aufruf bei den Links jeweils:
PHP: 
<div id="div_id1"><a href="..." onClick="normaleLinks(5)">...</a></div>
<div id="div_id2"><a href="..." onClick="normaleLinks(5)">...</a></div>
<div id="div_id3"><a href="..." onClick="normaleLinks(5)">...</a></div>
<div id="div_id4"><a href="..." onClick="normaleLinks(5)">...</a></div>
<div id="div_id5"><a href="..." onClick="normaleLinks(5)">...</a></div>
Also ist jetzt alles nur aus'm Kopf gesponnen, aber versuch's mal. :)

Geist
 
Zuletzt bearbeitet:
Ah, so war's syntaktisch nicht ganz richtig - font-color gibt's außerdem nicht als CSS-Attribut...

Aber schau' dir mal folgendes an:
PHP: 
<html>
<head>
<meta http-equiv=Content-Type content="text/html;  charset=ISO-8859-1">
<title>preload</title>
<style type="text/css">
a.normal { color:red; }
</style>
<script type="text/javascript">

function normalerLink(ziel) {
    document.all["div_id"+ziel].innerHTML="<div id=\"div_id+ziel\"><a href=\"...\" class=\"normal\" onClick=\"normalerLink(ziel)\">neuer Link</a></div>";
}

< /script>
</head>
<body bgcolor="#FFFFFF">
<div id="div_id1"><a href="seite1.html" target="_blank" onClick="normalerLink(1)">Link1</a></div>
<div id="div_id2"><a href="seite2.html" target="_blank" onClick="normalerLink(2)">Link2</a></div>
<div id="div_id3"><a href="seite3.html" target="_blank" onClick="normalerLink(3)">Link3</a></div>
<div id="div_id4"><a href="seite4.html" target="_blank" onClick="normalerLink(4)">Link4</a></div>
<div id="div_id5"><a href="seite5.html" target="_blank" onClick="normalerLink(5)">Link5</a></div>
</body>
</html>
Das < /script> natürlich noch zusammen...

Geist
 
Code: 
<html><head><title>Test</title>
<script type="text/javascript">
<!--
var a = " <b>fetter<\/b> | dünn | dünn | dünn";
var b = "dünn | <b>fetter<\/b> | dünn | dünn";
var c = "dünn | dünn | <b>fetter<\/b> | dünn";
var d = "dünn | dünn | dünn | <b>fetter<\/b>";
function Aenderna() { document.all.meinAbsatz.innerHTML = a; }
function Aendernb() { document.all.meinAbsatz.innerHTML = b; }
function Aendernc() { document.all.meinAbsatz.innerHTML = c; }
function Aendernd() { document.all.meinAbsatz.innerHTML = d; }

//-->
</script>
</head>
<body>
<p id="meinAbsatz"><b>fetter</b> | dünn | dünn | dünn</p>
<a href="javascript:Aenderna()">1</a>
<a href="javascript:Aendernb()">2</a>
<a href="javascript:Aendernc()">3</a>
<a href="javascript:Aendernd()">4</a>

</body></html>

ich bin ein DEPP!

danke für die Hilfe. hab gehirnschwund oder so :(
Habs so gelöst
 
hmn,wenn du eigentlich nur möchte dass der aktive link eine andere farbe hat und wenn ein anderer link in der navi angeklickt wird wieder zur normalen farbe übergeht warum dann nicht einfach eine color für active links (alink) setzen und nur eine für normale?
wenn dann die visiteds auch noch wie normale definiert sind und das menü in einem frame oder so ists sollte es doch hinhauen
 
cih weiss, das script dass ich gepostet habe ich eigentlich nur ein Teil bzw. der Anfang´.

eine frage noch:

wie mach ich das beim Laden der site der erste link z.b. active ist?
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück