PHP include per Button Klick

Du sollst einfach Deinen gezeigten Quelltext in die entsprechenden BB-Tags schreiben, damit man den auch lesen kann. Aber bitte editiere dazu deinen Beitrag oben und schreibe es in keinen neuen Beitrag.

Nachtrag: Was machst Du bitte? Du musst nur vor dem Anfang deines Quelltextes [code=html] und am Ende deines Quelltextes [/code] schreiben, und nicht die HTML-Tags durch Pseudo-BB-Tags ersetzen :confused:

Nachtrag II: Ich habe Deinen Quelltext mal formatiert, weil er vorher ziemlich genau dem entsprach, was man allgemein pain in the ass nennt.

HTML: 
<!DOCTYPE html>
<html>
<head>
  <title>Unsere Hochzeit</title>
  <meta charset="utf-8" />
  <link rel="stylesheet" type="text/css" href="format.css" />
  <script type="text/javascript">
    function preload( images ) {
      var i = 0,
          image;
      
      for (; i < images.length; ++i ) {
        image = new Image();
        image.src = images[ i ];
      }
    }
    
    document.addEventListener( "DOMContentLoaded", function() {
      var menue = document.getElementById( "menue" );
     
      preload([
        "http://www.tutorials.de/images/button_geschichte_mouseover.png",
        "http://www.tutorials.de/images/button_ueberuns_mouseover.png",
        "http://www.tutorials.de/images/button_verlobung_mouseover.png",
        "http://www.tutorials.de/images/button_standesamt_mouseover.png",
        "http://www.tutorials.de/images/button_trauung_mouseover.png",
        "http://www.tutorials.de/images/button_feier_mouseover.png",
        "http://www.tutorials.de/images/button_polterabend_mouseover.png"
      ]);
    
      menue.addEventListener( "mouseover", function( e ) {
        var el = e.srcElement;
        
        if ( el.nodeName != "IMG" ) {
          return;
        }
        
        el.dataset.mouseout = el.src;
        el.src = el.dataset.mouseover;
      });
      
      menue.addEventListener( "mouseout", function( e ) {
        var el = e.srcElement;
        
        if ( el.nodeName != "IMG" ) {
          return;
        }
        
        el.src = el.dataset.mouseout;
      });
    });
  </script>
  <style type="text/css">
    #footer {
      list-style-type: none;
      padding-left: 0;
    }
  </style>
</head>
<body>
  <div id="header">
    <h1 class="text-shadow">Unsere Hochzeit</h1>
  </div>
  <div id="contentWrapper">
    <div id="content">
      <div id="menue">
        <a href="index.html">
          <img src="http://www.tutorials.de/images/button_ueberuns.png" width="200" height="50" data-mouseover="http://www.tutorials.de/images/button_ueberuns_mouseover.png" />
        </a>
        <a href="index.html">
          <img src="http://www.tutorials.de/images/button_verlobung.png" width="200" height="50" data-mouseover="http://www.tutorials.de/images/button_verlobung_mouseover.png" />
        </a>
        <a href="index.html">
          <img src="http://www.tutorials.de/images/button_polterabend.png" width="200" height="50" data-mouseover="http://www.tutorials.de/images/button_polterabend_mouseover.png" />
        </a>
        <a href="index.html">
          <img src="http://www.tutorials.de/images/button_standesamt.png" width="200" height="50" data-mouseover="http://www.tutorials.de/images/button_standesamt_mouseover.png" />
        </a>
        <a href="index.html">
          <img src="http://www.tutorials.de/images/button_trauung.png" width="200" height="50" data-mouseover="http://www.tutorials.de/images/button_trauung_mouseover.png" />
        </a>
        <a href="index.html">
          <img src="http://www.tutorials.de/images/button_feier.png" width="200" height="50" data-mouseover="http://www.tutorials.de/images/button_feier_mouseover.png" />
        </a>
      </div>
      <?php include "{$page}.html"; ?>
    </div>
  </div>
  <ul id="footer">
    <li>
      <a href="index.php?page=fotoalbum" class="text-shadow">Fotoalbum</a>
    </li>
    <li>
      <a href="index.php?page=gaestebuch" class="text-shadow">Gästebuch</a>
    </li>
    <li>
      <a href="index.php?page=kontakt" class="text-shadow">Kontakt</a>
    </li>
    <li>
      <a href="index.php?page=impressum" class="text-shadow">Impressum</a>
    </li>
  </ul>
</body>
</html>
 
Zuletzt bearbeitet:
Oh super****** Vielen, vielen Dank****** Und vielen Dank für deine Geduld******

Ich bin in Foren nicht so bewandert und das mit den BB-Tags kannte ich noch gar nicht :-)
 
Zuletzt bearbeitet:
Hallo,

jetzt habe ich doch noch einmal ein Problem...

Ich habe das jetzt so übernommen, wie du es hier beschrieben hast. Aber wenn ich auf einen Link (zum Beispiel "Fotoalbum") klicke, öffnet er mir einfach die Seite, fügt es aber nicht im Content-Div ein. Woran könnte das liegen?
 
Zuletzt bearbeitet:
HTML: 
<!DOCTYPE html>
<html>
	<head>
		<title>Unsere Hochzeit</title>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="format.css" />
		<script type="text/javascript">
        function preload( images ) {
          var i = 0,
              image;
          
          for (; i < images.length; ++i ) {
            image = new Image();
            image.src = images[ i ];
          }
        }
        
        document.addEventListener( "DOMContentLoaded", function() {
          var menue = document.getElementById( "menue" );
         
          preload([
            "images/button_geschichte_mouseover.png",
            "images/button_ueberuns_mouseover.png",
            "images/button_verlobung_mouseover.png",
            "images/button_standesamt_mouseover.png",
            "images/button_trauung_mouseover.png",
            "images/button_feier_mouseover.png",
            "images/button_polterabend_mouseover.png"
          ]);
        
          menue.addEventListener( "mouseover", function( e ) {
            var el = e.srcElement;
            
            if ( el.nodeName != "IMG" ) {
              return;
            }
            
            el.dataset.mouseout = el.src;
            el.src = el.dataset.mouseover;
          });
          
          menue.addEventListener( "mouseout", function( e ) {
            var el = e.srcElement;
            
            if ( el.nodeName != "IMG" ) {
              return;
            }
            
            el.src = el.dataset.mouseout;
          });
        });
		</script>
	</head>
<body>
		<div id="header">
		<h1><p class="text-shadow">Unsere Hochzeit</p></h1>
		</div>
		<div id="contentWrapper">
			<div id="content">
				<div id="menue">
				<a href="willkommen.php?page=willkommen">
              	<img src="images/button_ueberuns.png" width="200" height="50" 
              	data-mouseover="images/button_ueberuns_mouseover.png" />
           		</a>
            	<a href="index.html">
              	<img src="images/button_verlobung.png" width="200" height="50" 
              	data-mouseover="images/button_verlobung_mouseover.png" />
            	</a>
            	<a href="index.html">
              	<img src="images/button_polterabend.png" width="200" height="50" 
              	data-mouseover="images/button_polterabend_mouseover.png" />
            	</a>
            	<a href="index.html">
              	<img src="images/button_standesamt.png" width="200" height="50" 
              	data-mouseover="images/button_standesamt_mouseover.png" />
            	</a>
            	<a href="index.html">
              	<img src="images/button_trauung.png" width="200" height="50" 
              	data-mouseover="images/button_trauung_mouseover.png" />
            	</a>
            	<a href="index.html">
              	<img src="images/button_feier.png" width="200" height="50" 
              	data-mouseover="images/button_feier_mouseover.png" />
            	</a>
				</div>
            <?php include("{$page}.html"); ?>
			</div>
		</div>
		<div id="footer">
		<a href="willkommen.php?page=Fotoalbum" class="text-shadow" style="margin-right:50px">Fotoalbum</a>
		<a href="index.php?page=gaestebuch" class="text-shadow" style="margin-right:50px">Gästebuch</a>
		<a href="index.php?page=kontakt" class="text-shadow" style="margin-right:50px">Kontakt</a>
		<a href="index.php?page=impressum" class="text-shadow">Impressum</a>
		</div>
	</body>
</html>
 
Ich habe im Internet eine Lösung gefunden, musste nur die Formel fürs include ein bisschen abändern.

Trotzdem danke!

HTML: 
<?php
	$page = $_GET['page'];
	if (!empty($page)) {
		$page .= '.php';
		include($page);
	}
	else {
		include('willkommen.php');
	}
?>
 
Du solltest den GET-Wert noch validieren. Zum Beispiel per Whitelist. Sonst können da findige Leute unter Umständen auch PHP-Dateien einbinden, die nicht erwünscht sind.

Das hier…

PHP: 
	$page = $_GET['page'];
	if (!empty($page)) {

…ist auch nicht so ganz glücklich, weil $_GET['page'] überhaupt nicht gesetzt sein muss. Da beschwert sich PHP bei entsprechender Error-Reporting-Einstellung dann auch.

Besser zum Beispiel so:

PHP: 
$page = 'willkommen';

if (array_key_exists('page', $_GET) && is_string($_GET['page'])) {
    $page = $_GET['page'];
}
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück