Geklickter Menüpunkt markiert

[Powerslave]

Abend,

Habe schon oft gesehn das wenn man auf nen Menü-Link klickt der aktuelle Link eben "aktiviert" bleibt, und wenn man dann auf nen andern klick der alte wieder normal wird und der zuletzt geklickte eben so "aktiviert" wird.

Kann ich das mit JS realisieren oder mit PHP?

danke schonmal

 

[pit-r]

Moin!

Kann ich das mit JS realisieren oder mit PHP?

Sowohl als auch. PHP finde ich besser. Was würdest Du vorziehen?

Ahoi - Pit

 

[Powerslave]

PHP, damit ich ein bisschen vertrauter damit werde

 

[pit-r]

Beispiel...

Geht auch mit Bildchen bei abgewandeltem Code.

Ahoi - Pit

 

[Powerslave]

merci schonmal,

noch läufts aber nicht.

das onmouseover und onmouseout brauch ich ja nicht unbedingt oder?

<div id="left">
  	<?
  		$reffi=$_SERVER['PHP_SELF']; 
		$reffi=split('/',$reffi); 
		$reffi=$reffi[count($reffi)-1]; 
		$Links=array(); 
		$Links[0]=array('index.php?page=home','Home','Home'); 
		$Links[1]=array('index.php?page=nohome','Seite 2','Zu Seite 2'); 
 		
 		
 		for($a=0;$a<3;$a++)
 		{
 			echo '<div id="menucontainer"><p id="menuheader">Home ::</p>';
 			
	 		for ($i=0;$i<count($Links);$i++)
	 		{ 
				if($Links[$i][0]==$reffi)
				{ 
					echo '<span title=" Du bist hier! " style="background-color:lime">'.$Links[$i][1].'</span><br>'."\n"; 
				} 
				else
				{ 
					echo "<a class=\"menuitem\" href=\"".$Links[$i][0]."\">".$Links[$i][1]."</a>\n"; 
				} 
			}
			
			echo '</div>';
 		}
 		
  	?>
  
   <div id="menucontainer">
    <p id="menuheader">Home ::</p>
    <a class="menuitem" href="index.php?page=home">» Item 1 «</a>
    <a class="menuitem" href="index.php?page=nohome">» Item 2 «</a>
    <a class="menuitem" href="#">» Item 3 «</a>
    <a class="menuitem" href="#">» Item 4 «</a>
   </div>
</div>

viell liegts am css?

#menucontainer {
	margin:10px;
	border:1px solid #000000;
}

 #menuheader {
	background-color:#000000;
	text-align:center;
	font-weight:bold;
	margin:2px;
	color:#87CEFF;	
}

 .menuitem {
	background-color:#ccffff;
	color:#000;
	text-align:center;
	text-decoration:none;
	margin:2px;
	display:block;
	font-weight:bold;	
}

 a.menu:link, a.menu:visited { 	
}

 a.menuitem:active, a.menuitem:hover {
 	background-color:#abcdef;
}

 

[pit-r]

das onmouseover und onmouseout brauch ich ja nicht unbedingt oder?

Stimmt. Ist so überflüssig wie ein Kropf.

Abgesehen von dem JS, das ich (im Wahn) eingebaut hab, was machste denn da mit doppelt vergebenen id's usw.?

Ahoi - Pit

 

[Powerslave]

ok hast recht, hab jetzt aus menucontainer und menuheader ne klasse gemacht, aber funzt trotzdem noch nixe

edit: hmm also $reffi ist immer index.php... kann ich da tricksen?

edit2: ok damit -> $reffi=$_SERVER['QUERY_STRING']; hab ichs hinbekommen