suche tutorial wie sich php-datein ihn einen content laden lassen

Momo22m · 15.06.2010

Hi Leute ich weiß nicht wie das genau heist, und ob es hier her passt also lieber mod, wenn falsch ist bitte verschieben

Also Leute ich bin dabei eine Website zu bauen.
Das coden in css ist fertig und die Index auch php
Jetzt möchte ich das gerne so machen wie bei webspell: Wenn ich auf ein Button klicke, das die Sachen von Portfolio.php ihn den content Bereich von der Index.php geladen werden.
Ich bin noch am lernen besonders die Grundkennisse und daher suche ich ein tut, dass das erklärt

danke im Voraus

Lizzard · 15.06.2010

AW: suche tutorial wie sich php-datein ihn einen content laden lassen

Guckst du hier, denke das müsste dir weiterhelfen (Grundlegendes):

...und hier ganz ausführlich:

Gruß vom Lizzard

Momo22m · 15.06.2010

AW: suche tutorial wie sich php-datein ihn einen content laden lassen

danke für die 2 links wert mich da mal ran machen

Scotch · 15.06.2010

AW: suche tutorial wie sich php-datein ihn einen content laden lassen

Hallo,

das kannst Du ganz einfach mit Include machen.

z.b.

PHP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
    <title><!-- Insert your title here --></title>
</head>
<body>
    <!-- Insert your content here -->
    
    <div id="header"><h1>meine Seite</h1></div>
    <div id ="menue"><?php include "./include/menue.php"; ?></div>
    <div id ="menue"><?php include "./seiet/home/index.php"; ?></div>
    <div id="footer"><h1>meine Seite</h1></div>
</body>
</html>

Dadurch das ich den Include Befehl auch für das Menue benutze,
musst man nur eine Datei Pflegen. z.B. Du willst die Menue Reihenfolge
ändern oder Du willst noch Seiten hinzufügen, dann kannst du das an
einer zentralen Stelle machen, als in jeder Seite das Menue zu ändern.

Genauso lade ich dann den Content in meine Seite.

Eigentlich baue ich meine Seite komplett so auf.
Aus dem Menue lade ich nur, nennen wir es mal ein Verknüpfungsseite, die in etwa so aussieht.

PHP:

<?php
    //laden der Configuration (für Datenbank und das Array für das Menue)
    include "./include/config.php";
    
    //laden der Kopf-Datei (Seitenaufbau CSS, javascript etc. und oberer Teil der Seite ) 
    include "./include/header.html";
    
    //laden des Untermenues (linke Teil der Seite)
    include "./include/menue.html";
    
    //laden der Aktuellen News (rechte teil der Seite)
    include "./seiten/news/aktuell.php";
    
    // Laden des Seiteninhaltes (mitlerer Teil der Seite)    
    include "./seiten/home/index.php";
    
    // Laden der Fußzeile (unterer Teil der Seite)    
    include "./include/footer.html";

?>

Wenn sich jetzt was an der Seite ändert kann ich das immer recht zentral
ändern und die Änderungen werden sofort auf allen Seiten übernommen.

Ich hoffe es hilft Dir weiter.

Gruß Ingo

AlexanderBo · 15.06.2010

AW: suche tutorial wie sich php-datein ihn einen content laden lassen

verstehe dir frage nicht so ganz.
du hast doch sicher in der Index.php: header - navi - index_content - footer
somit würde die Portfolio.php: header - navi - portfolio_content - footer
sein.
die Portfolio.php wird also über den navi_button aufgerufen werden.

rest5 · 15.06.2010

AW: suche tutorial wie sich php-datein ihn einen content laden lassen

Lizzard schrieb:
Guckst du hier, denke das müsste dir weiterhelfen (Grundlegendes):

Schöner Tutorial Tipp, aber der Bursche verwendet <li> ohne umschliessendes <ul>. Das ist kein so guter Stil.

Momo22m · 15.06.2010

AW: suche tutorial wie sich php-datein ihn einen content laden lassen

nee ich habes so

Das ist die index.php

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>Pixxel-Design</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
</head>

<body>
   <div id="container">
    <div id="header">
     <a href="index.php" id="logo" class="noText" title="www.pixxel-design.eu">Pixxel Design</a>
      <ul id="subnavi">
       <li class="active"><a href="index.php" class="startseite noText" title="Startseite"></a></li>
       <li><a href="#" class="blog noText" title="Blog"></a></li>
       <li><a href="#" class="links noText" title="Links"></a></li>
       <li><a href="#" class="kontakt noText" title="Kontakt"></a></li>
       <li><a href="#" class="impressum noText" title="Impressum"></a></li>
       </ul>
        <ul id="conten1">
         <li>Ich erstelle <a href="#">Website</a></li>
         <li>Ich erstelle <a href="#">Grafiken</a></li>
         <li>Ich code <a href="#">Website</a></li>
        </ul>
        <ul id="conten2">
         <li>Ich <a href="#">Blogge</a></li>
         <li>Ich <a href="#">Twitter</a></li>
         <li>Ich hilfe <a href="#">Dir</a></li>
        </ul>
    </div>  <!-- end of header -->
     <ul id="navi">
       <li><a href="leistung.php" class="noText">Leistung</a>
       Ihr kannst du nach Lesen was ich für dich machen kann.</li>
       <li><a href="portfolio.php" class="noText">Portfolio</a>
       Ein Auszug der Arbeiten,die ich gemacht habe dan bist du ihr richtig.</li>
       <li><a href="#" class="noText">WeBlog</a>
       Ich schreibe über interessante Dinge also guckt mal rein.</li>
     </ul> <!-- end of navi -->
      <div id="content-box">
       <h1 class="hadline noText">Herzlich Willkommen bei Pixxel-Design</h1>
       <p>asasasasasasasasasasasasaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
      </div>  <!-- end of conten-box -->
      <div id="sidebar">
         <h2 class="uber noText">Über Mich</h2>
       <p>Hallo erst mal ich bin der Morris Schüttensack bin 22 jahre alt.</p>
       <p> Ich lebe ihn ein Dorf nammens Körner Mein liebling Hobby
         ist Design und coden. </p>
       <p>Da her hab ich diese Seite auf gemacht
         um mein Hobby für euch zu bereit zu stellen.</p>
         <p>Ja wollt ihr mehr wissen dann Fragt mich.</p>
       <h3 class="kontakt noText">Meine Kontakdaten</h3>
       <p><br />Körner 99998
         <br /> Korngasse 5</p>
         <p>Tel: + 49 (0)17658240586 <br />
         E-mail: <a href="mailto:webmaster@pixxel-design.eu">webmaster@pixxel-design.eu</a></p>
        <p>ICQ: 378900051 <br />
           XFire: momo19m <br />
           MSN: morris27@live.de <br />
           Skype: momo_2</p>
      </div>  <!-- end of sidebar -->
       <div class="clear"></div>
       <div id="footer">
        <div class="spalte">
         <p>asasasasasas</p>
         </div>
        <div class="spalte">
         <p>asasasasasas</p>
         </div>
        <div class="spalte2 noMargin">
         <ul>
          <li>test</li>
          <li>test</li>
          <li>test</li>
          <li>test</li>
          <li>test</li>
          <li>test</li>
          </ul>
          </div>
          <div class="clear">
           </div>
          <h4>Copyright &copy; 2010 by Pixel Design &bull; Morris Schüttensack <a href="#">&bull; Datenschutzerklarung</a></h4>
       </div>  <!-- end of footer -->
   </div>  <!-- end of contener -->
</body>
</html>

das ist die css

---------------------------------------------------------------------

HTML:

@charset "utf-8";
/* CSS Document */

* {
    margin:0;
    padding:0;
    border:0;
    }
    
.noText {
    text-indent:-99999999px;
    color:#000;
    font-size:1px;
    overflow:hidden;}
    
.clear {
    float:none;
    clear:both;
    }
    
.noMargin {
    margin:0;
    !important;
    }
    
h2  {
    margin:0 0 12px 0;
    }
    
p   {
    margin:0 0 0.8em 0;
    }
    
body {
    background:#000;
    font:62,5%/1.8em Arial, Helvetica, sans-serif Verdana, Geneva, sans-serif; color:#bbb;
    }
    
div#container {
    width:960px;
    margin:0 auto;
    border-top:5px solid #890404;
    font-size:1.0em;
    }
    
div#container a {
    color:#ad0101;
    text-decoration:none;
    }
    
div#container a:hover {
    text-decoration:underline;
    }
    
div#header {
    width:960px;
    height:392px;
    background:url(../Bilder/bg-header.png) 0 0 no-repeat;
    position:relative;
    }
    
div#header a#logo {
    width:260px;
    height:73px;
    display:block;
    position:absolute;
    top:36px;
    left:30px;
    }
    
div#header ul#subnavi {
    list-style:none;
    }
    
div#header ul#subnavi li a {
    height:36px;
    display:block;
    background:url(../Bilder/bg-subnavi.png) no-repeat;
    position:absolute;
    top:47px;
    width: 2862494px;
    }
    
div#header ul#subnavi li a.startseite {
    width:103px;
    background-position:0 0;
    left:340px;
    }
    
div#header ul#subnavi li a.blog {
    width:55px;
    background-position:0 -36px;
    left:486px;
    }
    
div#header ul#subnavi li a.links {
    width:62px;
    background-position:0 -72px;
    left:586px;
    }
    
div#header ul#subnavi li a.kontakt {
    width:85px;
    background-position:0 -108px;
    left:693px;
    }
    
div#header ul#subnavi li a.impressum {
    width:116px;
    background-position:0 -144px;
    left:821px;
    }
    
div#header ul#subnavi li a:hover,
div#header ul#subnavi li.active a {
    background:none;
    }
    
div#header ul#conten1,
div#header ul#conten2 {
    list-style:none;
    position:absolute;
    top:182px;
    font-size:1.1em;
    }
    
div#header ul#conten1 {
    left:400px;
    }
    
div#header ul#conten2 {
    left:670px;
    }
    
div#header ul#conten1 li,
div#header ul#conten2 li {
    margin:0 0 1em;
    padding:0 0 0 20px;
    background:url(../Bilder/li-header.gif) 0 3px no-repeat;
    color:#FFF;}
    
ul#navi {
    width:960px;
    height:112px;
    background:url(../Bilder/bg-navi.jpg) 0 0 no-repeat;
    position:relative;
    list-style:none;
    color:#000000;
    padding:23px 0 0 0;
    }
    
ul#navi li {
    width:260px;
    height:110px;
    float:left;
    margin:-11px 29px;
    }
    
ul#navi li a {
    height:48px;
    display:block;
    margin:0 0 10px 0;
    }
    

ul#navi li a:hover,
ul#navi li active a {
    background:none;
    }
    
div#content-box {
    width:580px;
    padding:0 30px 30px;
    float:left;
    }
    
div#content-box h1 {
    width:580px;
    height:155px;
    background:url(../Bilder/bg-hadline.png) no-repeat;
    display:block;
    }
    
div#content-box h1.hadline {
    background-position:0 0;
    }
    
div#sidebar {
    width:318px;
    padding:32px 0 30px;
    background:url(../Bilder/bg-sidebar.png) 0 0 no-repeat;
    float:left;
    }
    
div#sidebar p {
    padding:0 40px;
    }
    
div#sidebar h2 {
    width:318px;
    height:66px;
    background:url(../Bilder/bg-h2.png) no-repeat;
    display:block;
    }
    
div#sidebar h3 {
    width:318px;
    height:96px;
    background:url(../Bilder/bg-h2.png) no-repeat;
    display:block;
    }
    
div#sidebar h2.uber {
    background-position:0 0;
    }
    
div#sidebar h3.kontakt {
    background-position:0 -66px;
    }
    
div#footer {
    width:903px;
    height:200px;
    background:url(../Bilder/bg-footer.png) 0 0 no-repeat;
    margin:0 0 30px 0;
    padding:65px 30px 0;
    }
    
div#footer div.spalte{
    width:260px;
    margin:0 60px 0px 0px;
    float:left;
    }
    
div#footer div.spalte2 {
    width:260px;
    margin:0 -15px 0 0 0;
    float:right;
    }
    
div#footer div.spalte2 ul {
    width:260px;
    height:60px;
    list-style:none;
    }
    
div#footer div.spalte2 ul li {
    width:100px;
    height:30px;
    float:left;
    padding:3px 0 2px 30px;
    }
    
div#footer h4 {
    margin:70px 0 0 0;}

so jetzt will ich ihn die conten-box die inhalten rein laden lassen

was so anlich sein soll wie mit iframe

ihr ein beispiel

<map name="Map" id="Map"><area shape="rect" coords="374,467,555,492" href="home.html" /> so und im conten war dann der ifram mit der id map so worte dan der inhalt ihn den conten rein geladen wen man ein button druckt

sagen wir bist auf der startseite und will auf portfolio und klickst drauf dan wirt die datei portfolio.php in den conten geladen

nur will ich das nicht mit iframe machen ist ja out und bei php musste docha uch so was geben nutz ja webspell auch

dort heißt ja der link index.php?page=portfolio oder so damit lad man das ja dan rein das will ich gerne auch machen so das ich nur 3-5 php datei machen muss mit nur den inhalt mehr nicht hoffe konnt mir jetzt folgen

Chriko · 15.06.2010

AW: suche tutorial wie sich php-datein ihn einen content laden lassen

z.b. so

Code:

<?php
            if(isset($_GET['section'])) {
                switch($_GET['section']) {
                    case "Startseite":
                    $inhalt = file_get_contents('start.txt');
                    break;
					
                    case "Newsletter":
                    $inhalt = file_get_contents('news.txt');
                    break;
					
					default:  
                    $inhalt = file_get_contents('start.txt');
                    break;
                }     
            } else {
                                
                    $inhalt = file_get_contents('start.txt');
            }
?>

aufgerufen wird es über die links so:

Code:

<a href="index.php?section=Startseite"> Link </a>

anstelle von file_get_contents geht natürlich auch include. Damit kannst du dann z.b. auch php Seiten einfügen. Allerdings soll include ein Sicherheitsrisiko sein. Ich hab da keine Ahnung, kenn mich mit php zu wenig aus.

Momo22m · 15.06.2010

AW: suche tutorial wie sich php-datein ihn einen content laden lassen

ach danke und muss das php sript ihn mein div contner ?

Chriko · 15.06.2010

AW: suche tutorial wie sich php-datein ihn einen content laden lassen

In den Div Tag muß dann z.b. "echo $inhalt;"
Der Rest kann eigentlich irgendwo in der Datei stehen.

edit: mir ist grad erst aufgefallen, dass ich da 2 unnötige Zeilen mit drin hatte. Habe es verbessert.

Momo22m · 15.06.2010

AW: suche tutorial wie sich php-datein ihn einen content laden lassen

ah ok danke werte morgen das mal ausprobiren thx für die hilfe

Sinane · 15.06.2010

AW: suche tutorial wie sich php-datein ihn einen content laden lassen

Eine weitere Möglichkeit ist:

PHP:

if(!isset($_GET['path'])) {
         include('./content/start.php');
         } else {
         if(file_exists('./content/'.$_GET['path'].'.php')) {
                 include('./content/'.$_GET['path'].'.php');
                 } else {
                 include('./content/404.php');
                 }
         }

Hier musst du nicht jeden case angeben, wenn es die gewünschte Datei nicht gibt, kannst du anstelle der start.php eine Fehlerseite anzeigen lassen, wo du dem Nutzer sagst, er solle doch bitte den Verlinkungen auf der Seite folgen, statt irgendwelchen Mist einzugeben^^

Lizzard · 16.06.2010

AW: suche tutorial wie sich php-datein ihn einen content laden lassen

rest5 schrieb:
Schöner Tutorial Tipp, aber der Bursche verwendet <li> ohne umschliessendes <ul>. Das ist kein so guter Stil.

Haste Recht, macht man eigentlich nicht. Ist mir beim Überfliegen der Seite garnicht aufgefallen. Danke für den Hinweis! Wir wollen hier ja keinen Müll verbreiten