PHP als Link per Klick ausführen?

timkon

Grünschnabel
Hi Leute,

habe hier ein kleines Problemchen. Habe mir diese Navigationsleiste mit HTML und CSS erstellt.

Code:
<!!--div für die Navigation//-->
	<div id="navi">
              <p class="link"><a href="" title="Startseite">Startseite</a></p>
		<p class="link"><a href="" title="Informationen &uuml;ber meine Person">Person</a></p>
		<p class="link"><a href="" title="Hier finden Sie kleine Programme">Programme</a></p>
		<p class="link"><a href="" title="Hier bekommen Sie Hilfe rund um das Thema Computer">PC Help</a></p>
		<p class="link"><a href="" title="Aktuelle Nachrichten aus aller Welt">Nachrichten</a></p>
		<hr color="green" size="1" width="80%"></hr>
		<p class="link"><a href="" title="Technische Informationen zu dieser Homepage">Informationen</a></p>
		<p class="link"><a href="" title="Nehmen Sie Kontakt mit mir auf">Kontakt</a></p>";
	</div>

Nun möchte ich, dass bei einem klick zB auf den Link Person in dem Container hier

Code:
   <!--div für die Inhalte//-->
         <div id="main">

         </div>

der Inhalt angezeigt werden soll. Wie bekomme ich das hin? Das php Script soll erstmal einfach nur Hallo ausgeben, das Script schreiben is kein Problem, nur das korrekte starten (mit mausklick) macht Probleme. Wenn das erstmal geht, wie kann ich das dann hinbekommen, dass es auch in dem richtien Container angezeigt wird?

Hoffe ihr könnt mir helfen!
 
Das geht nicht mit PHP, dafür wird Javascript verwendet. Schau dir mal prototype an, das ist sehr komfortabel.
 
Hallo

Also es geht zB wie folgt:
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>Unbenanntes Dokument</title>
<style type="text/css">
<!--
#inhalt1 {
	background-color: #CCCCCC;
	overflow: auto;
	visibility: hidden;
	height: 300px;
	width: 500px;
	left: 100px;
	top: 200px;
	cursor: default;
	position: absolute;
}
-->
#inhalt2 {
	background-color: #cecece;
	overflow: auto;
	visibility: hidden;
	height: 400px;
	width: 400px;
	left: 100px;
	top: 100px;
	cursor: default;
	position: absolute;
}
</style>
<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) 
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>

<body>
<div> <a href="#" onclick="MM_showHideLayers('inhalt1','','show')">link</a> | <a href="#" onclick="MM_showHideLayers('inhalt2','','show')">link2</a></div>

<div id="inhalt1">
  <p>Raum für den Inhalt1 des neuen Div-Tags</p>
  <p><a href="#" onclick="MM_showHideLayers('inhalt1','','hide')">close</a></p>
</div>
<div id="inhalt2">
  <p>Raum für den Inhalt2 des neuen Div-Tags</p>
  <p><a href="#" onclick="MM_showHideLayers('inhalt1','','inherit','inhalt2','','hide')">close</a></p>
</div>
</body>
</html>

Damit kann man ein Div-Element anzeigen lassen und auch wieder ausblenden.

zdek

hab vergessen: in die Inhalts-Div-Tags kannst du natürlich je eigenes per PHP aus ner DB einfügen lassen...
 
Zuletzt bearbeitet:
Zurück