| Autor |
Nachricht |
tazz
Threadersteller
Dabei seit: 19.02.2004
Ort: Aschaffenburg
Alter: 26
Geschlecht: -
|
Verfasst Fr 17.09.2004 11:44
Titel Aktiver Link |
  |
|
Hallo,
wer weiss wie man einen Link einfärbt, der gerade aktiv ist?
Folgendes: zwei Frames. Eine Seite Navigation (als Text), die andere Text.
Jetzt soll immer der Link anderst farbig sein, der gerade das Thema ist.
Die Navigationsseite bleibt, nur das Frame mit Text ändert sich.
Danke
|
|
| |
  |
 |
| |
|
|
Nimroy
Community Manager
Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 34
Geschlecht: 
|
Verfasst Fr 17.09.2004 11:45
Titel
|
|
|
|
Hab ich mal ein JS für geschrieben. Jedem Link ne ID geben und per getElementbyID einfärben.
|
|
| |
 |
|
Braininsider
Dabei seit: 18.11.2003
Ort: Halle
Alter: 30
Geschlecht:
|
Verfasst Fr 17.09.2004 11:55
Titel
|
|
|
CSS und Pseudo Klassen
Also id`s oder classen vergeben und die dann auf Pseudos setzen z.B dein_klassen_oder_id_name:hover,
dein_klassen_oder_id_name :aktiv (für IE ) und dein_klassen_oder_id_name:Fixed (Moz und Co.)
|
|
| |
|
|
Waschbequen
Account gelöscht
Ort: -
|
Verfasst Fr 17.09.2004 11:55
Titel
|
|
|
|
Entweder JavaScript oder serverseitige Lösung verwenden, einfach mit CSS geht's nicht.
|
|
| |
|
|
Braininsider
Dabei seit: 18.11.2003
Ort: Halle
Alter: 30
Geschlecht:
|
Verfasst Fr 17.09.2004 11:58
Titel
|
|
|
|
Stimmt Hab mich verlesen Sorry
|
|
| |
|
|
Ocee
Dabei seit: 10.07.2002
Ort: Bremen
Alter: 32
Geschlecht:
|
Verfasst Fr 17.09.2004 17:10
Titel
|
|
|
| Waschbequen hat geschrieben: | | Entweder JavaScript oder serverseitige Lösung verwenden, einfach mit CSS geht's nicht. |
wie sieht'n das script dann aus, oder wonach suchen?
bräuchte nämlich für's gleiche "problem" 'ne lösung.
|
|
| |
|
|
Waschbequen
Account gelöscht
Ort: -
|
Verfasst Fr 17.09.2004 20:20
Titel
|
|
|
So:
| Code: | <html>
<head>
<script>
var currentItem = "link_1";
function Navigation(Id) {
var CssClassActive = "active";
var CssCLassInactive = "inactive";
// Altem Item inaktive Klasse zuweisen
if(currentItem != "") {
document.getElementById(currentItem).className = CssCLassInactive;
}
// Neuem Item aktive Klasse zuweisen
document.getElementById(Id).className = CssClassActive;
// Neues Item merken
currentItem = Id;
}
</script>
<style>
a.active {
color: green
}
a.inactive {
color: blue
}
</style>
</head>
<body>
<a href="#" id="link_1" class="inactive" onclick="Navigation(this.id);">Link 1</a><br/>
<a href="#" id="link_2" class="inactive" onclick="Navigation(this.id);">Link 2</a><br/>
<a href="#" id="link_3" class="inactive" onclick="Navigation(this.id);">Link 3</a><br/>
<a href="#" id="link_4" class="inactive" onclick="Navigation(this.id);">Link 4</a><br/>
</body>
</html> |
Hoffe es ist halbwegs verständlich.
|
|
| |
|
|
blonder
Dabei seit: 23.10.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 23.10.2006 22:40
Titel mit grafiken? |
|
|
hi..
und wie sieht das ganze dann mit grafiken als links die wechseln sollen aus?
mfg. blonder
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
iFrame & aktiver Link Style
CSS -> "Aktiver" (derz. besuchter) Link soll farbig bleiben
Adobe Spry – Random und Aktiver Eintrag
Flash + Link
link zum seitenanfang...?
Tooltip über Link
|
|
Willkommen auf dem Portal für Mediengestalter
