Willkommen auf dem Portal für Mediengestalter

AtomicGarden · Threadersteller

Hallo Freunde,

ich arbeite derzeit an einer Seite, die aus mehreren DIVs besteht. Innerhalb eines Wrappers habe ich auf einer Seite zwei DIVs definiert. Eines, in dem Links angezeigt werden (dieses DIV habe ich #leftcolumn genannt), ein anderes direkt daneben, in dem Content angezeigt wird (#rightcolumn), der beim Klick auf einen Link im #leftcolumn dann im #rightcolumn geladen wird (mit Hilfe eines JS).

Jetzt möchte ich aber, dass die Links bei einem Click farbig hinterlegt bleiben. Es soll immer der Link farbig hinterlegt bleiben, der gerade angeklickt wurde, um Content in der #rightcolumn anzuzeigen... Ist das verständlich? Wie kann ich das erreichen? Mit a:active geht es natürlich nicht. Auch habe ich ein Tutorial gefunden, (http://www.webmasterworld.com/forum83/8493.htm) das darauf eingeht und den Seiten IDs zuweist. Der Browser gleicht demnach immer die ID vom Link mit der ID des <body>-Tags ab, und wenn sie übereinstimmen, bleibt der Link farbig hinterlegt. Anscheinend kommt mir da aber meine besondere Funktion der DIVs (also das neuer Content in ein DIV geladen wird) in den Weg?

lg...

AtomicGarden · Threadersteller

also, ich habe mal probiert die Anleitung, welche in meinem geposteten Link beschrieben wurde 1:1 nachzubauen. Es funktioniert. Bei meiner Seite allerdings nicht. Die Krux liegt also anscheinend in den beiden DIVs, wovon eins Content lädt. Er erkennt anscheinend nicht im aktiven DIV die übermittelte body ID, und sieht dort nur ein leeres DIV.

Update: Jetzt habe ich mal versucht meine aktive Seite mit den Links gleich dem aktiven Link (auf eben dieser Seite) zu setzen. Dann funktioniert es. Natürlich ist diese Funktion nutzlos, es war nur ein Test, der jedoch beweist, das der Browser nicht peilt, das in den leeren DIV #rightcolum Content geladen wird, und er somit auch keine Body-ID auslesen kann... Gibt's dafür irgend einen Workaround?

heiko_rs · **Verfasst** Do 20.08.2009 00:09 **Titel**

Bevor Du weiter tüftelst, solltest Du Dir klar machen, dass auf sich selber zeigende Links tabu sind - ich las kürzlich sogar schonmal die Bezeichnung "Deppenlink" *zwinker*

Wenn Du Zugriff auf das Markup hast (wovon ich mal ausgehe, auch falls Du ein CMS benutzt), solltest Du auf der jeweils betrachteten Seite den zugehörigen Link entfernen und durch strong oder em ersetzen. Dieses grundsätzlich genauso formatieren wie a - d.h. #navi a, #navi strong { ... } - und anschließend die Änderungen für strong deklarieren (z.B. Farbe etc.).

Willkommen auf dem Portal für Mediengestalter

Thema: CSS -> "Aktiver" (derz. besuchter) Link soll farbig bleiben vom 18.08.2009

CSS -> "Aktiver" (derz. besuchter) Link soll fa