Dynamische Webseite mit Dropdownmenü mit CSS + PHP

Inhalte dynamisch per PHP einfügen

Um Inhalte dynamisch an einer Stelle einzufügen, benötigt man PHP.

Dazu wird beim Laden der Seite über die Get-Methode eine Variable gesetzt, nach deren Inhalt sich später der Inhalt der Seite richtet:

<?php
	/*
	 * Der Inhalt soll von der Menü-Auswahl abhängig sein,
	 * und wir daher dynamisch durch php an diese Stelle
	 * geladen. 
	 * Dafür erstelle ich einzelne html-Seiten mit den
	 * Namen der Menü-Punkte, um diese dann an diese Stelle
	 * zu laden. 
	 * 
	 */
	$m="start";
	if ( isset( $_GET["m"] ) ){
		$m=$_GET["m"];
	}
	.
	.
	.

Jeh nach Auswahl kann dann der Inhalt einer anderen Datei an die entsprechende Stelle geladen werden. Dazu wird der Wert mit der switch-Verzweigung abgefragt. und die jeweilige Datei per include eingelesen:

.
.
.
switch($m){
	case "html_kopf":
		include("html_kopf.php");
		break;
	case "html_header":
		include("html_header.php");
		break;
	case "html_section":
		include("html_section.php");
		break;
	case "html_footer":
		include("html_footer.php");
		break;
	case "css_dropdown_navigation":
		include("css_dropdown_navigation.php");
		break;
	case "css_flex":
		include("css_flex.php");
		break;
	case "css-grid":
		include("css-grid.php");
		break;
	case "css-fix_header":
		include("css-fix_header.php");
		break;
	case "css-fix_footer":
		include("css-fix_footer.php");
		break;
	case "css-inhalt":
		include("css-inhalt.php");
		break;
		
	case "php_lokal_testen":
		include("php_lokal_testen.php");
		break;
	case "php_insert_content":
		include("php_insert_content.php");
		break;
	default:
		include("start.php");
}
?>
</section>

Damit das funktioniert, müssen die Links auf der Seite so gestalltet sein, dass die Seite jeweils neu geladen wird. Sonnst würde der Inhalt der Variable nicht gesetzt und ausgelesen werden. Dafür ist es notwendig den Seitennamen im Link mit anzugeben und nicht durch das #-Symbol zu verlinken.

Beispiel:

	<li> <a href="index.php?m=html_kopf"> Kopf </a> </li>