javascript für active:links?

M

MUVA

Aktives Mitglied
Thread Starter
Dabei seit
18.04.2007
Beiträge
382
Reaktionspunkte
2
hallo gemeinde,
ich suche gerade nach einem kleinen javascript code, der mir quasi den gerade aktiven link mit einer farbe unterlegt. hab auch schon gegoogelt, bin aber aus sachen ausm jahre schnee gestossen, die mich auch nicht wirklich weiter gebracht haben. hat villeicht jmd von euch einen hint für mich?

lg
 
hi hotze
so wie ich das verstanden habe, ist der CSS status für active das gerade angeklickte element. d.h. wenn ich die maustaste wieder loslasse, ist die farbe weg.
ich such danahc, einfach den menüpunkt in einer fabre zu haben, wenn dieser geklickt wurde und angeschaut wird.
lg
 
Hotze schrieb:
:visited ?
Zum Vergrößern anklicken....

nein, weil dann sind ja nach dem ersten klick auf die jeweilige seite alle punkte in der farbe.

ich meine einfach: klick auf einen menüpunkt - dieser wird dann z.b. rot (und bleibt das auch, solang man in diesem pkt ist) - wenn man auf einen anderen klickt, wird dieser rot, und der andere ist wieder so wie die anderen unaktiven menüpkte...
 
Naja, wenn man auf diesen Menüpunkt klickt, wird denn dann eine neue Seite geladen?
Wenn ja: im CSS einfach eine neue Klasse erstellen, als Hintergrund die gewünscht Farbe. und dann einfach diese Klasse auf den Text legen.

Wenn keine neue Seite geladen wird, kann es über PHP gemacht werden.
 
nein, es wird ein target im iframe geladen...
 
iFrames sind nicht sehr praktisch, wie du hieran sehen kannst. Muss der Inhalt denn zwingend über ein iFrame eingebunden werden?
Vielleich zeigst du uns die Seite mal.

Lieben Gruß,
MacMo
 
Schreib mal onclick="this.style.color = 'red'" als Attribut in den Link-Tag.
 
http://border-less.eu/freund/

ist die seite...
hab da auch noch ein problem, dass sich das lightbox div 70px nach unten verschiebt, leider weiss ich nicht, wo der wert herkommt, denn ausm css kommt er net, vlt aus einem der JS files. aber da ich mit JS net wirklich bewandert bin, kann ichs net sagen... :(
 
Gib mal hier unten im suchfeld 398411 ein. Bin Grad mit iPod unterwegs und kann kein Link kopieren/einfügen. :D
 
dms schrieb:
Gib mal hier unten im suchfeld 398411 ein. Bin Grad mit iPod unterwegs und kann kein Link kopieren/einfügen. :D
Zum Vergrößern anklicken....

das schaut au net schlecht aus, ich werd aber von den iframes für das menu auf php include wechseln...dann sollte die andre lösung mit den classes auch funzen..muss schauen... )
 
so hab das ganze auf php umgebaut mit includes...

hier: border-less.eu/freund/php/

leider hats da einen fisch.
ich will, dass die diese datei übernommen wird als test gallery: test.html (liegt physikalisch auf border-less.eu/freund/php/cont/test.html)- eingebunden ist sie unter "faces" - die datei schaut so aus:

PHP: 
<?php

include 'logo.php';  // Works.
include 'navi.php';  // Works.
include 'line.php';
include 'cont/test.html';
include 'footer.php'; //works.
?>

die datei wird ganz normal angezeigt, wie man jedoch unter border-less.eu/freund/php/faces.php sieht, wird nix angezeigt. bitte um hilfe :(
 
Zuletzt bearbeitet:
dms schrieb:
Gib mal hier unten im suchfeld 398411 ein. Bin Grad mit iPod unterwegs und kann kein Link kopieren/einfügen. :D
Zum Vergrößern anklicken....

hallo, bin leider nicht so fix mit dem jquery - kannst du mir da evt eine hint per pm geben? danke!!!! :)
lg
 
dms schrieb:
Ist doch auch ein komplettes Beispiel mit dabei. Wo hängt es denn?
Zum Vergrößern anklicken....

naja, ich hab in die navi.php folgendes eingefügt:

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>navi</title>

<link href="css/mf_css.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
   $("#menu #nav a").click(function() {
      $("#menu #nav a").each(function() {
         $(this).removeClass("active");
      });
      $(this).addClass("active");
   });
});
</script>

</head>

<body>
<div id="menu">
<ul class="nav">
<li><a href="faces.php"><b>faces</b></a></li>
<li><a href="works.php"><b>works</b></a></li>
<li><a href="clients.php"><b>clients</b></a></li>
<li><a href="about.php"><b>about me</b></a></li>
<li><a href="friends.php"><b>friends</b></a></li>
<li><a href="contact.php"><b>contact</b></a></li>
</ul>
</div>
</body>
</html>

die js datei liegt in dem js ordner.

im css steht folgendes dazu:

Code: 
.active {
            font-weight:bold;
            color:#CC3300;
  
         }

sowie

Code: 
#menu {

    height: 15x;
    width: 300px;
    margin-left: 690px;
    margin-top: -23px;
    text-align:right;
    font-size: 10px;
    z-index:98;
}

und der eintrag für die liste

Code: 
li
{
display:inline;
list-style-type: none;

}

und fürs

.nav
Code: 
.nav {
    margin:0;
    padding:0;
}

funzen tuts jedoch hier nicht,... :(

border-less.eu/freund/

weisst du da weiter, wo der fehler ist?
 
Zuletzt bearbeitet:
Der gleiche Fehler den Birke im anderen Thread gemacht hat ;)

Code: 
#menu [B][COLOR="Red"].[/COLOR]nav[/B] a

nav ist eine Klasse, keine ID.
 
dein dom sieht so aus:

HTML: 
<html>
	<head></head>
	<html>
		<head></head>
		<body></body>
	</html>

	<html>
		<head></head>
		<body></body>
	</html>

	<html>
		<head></head>
		<body></body>
	</html>

	<html>
		<head></head>
		[elemente ohne body]
		<html>
			<head>
				<head></head>
				<body></body>
		</html>

		<body>kein inhalt</body>
	</html>

da stimm so ziemlich gar nix :D

so müsste es aussehen:

HTML: 
<html>
	<head></head>
	<body></body>
</html>

warum includest du denn alles einzeln?
 
Zurück
Oben Unten