• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Seite nur im contet div öffnen?

stilemagico

Neues Mitglied
Hallo Freunde

Ich weis das dieses Thema bereits in mehrere Foren durchkaut worden ist. Ich konnte jedoch keine lösung finden bzw. mache zurzeit noch etwas falsch.

Ich habe den Layout von meiner Homepage fertig...habe dazu CSS sheets benutzt. Was ich nun erreichen möchte ist, dass beim aufruf einer seite in der navi leiste, sich die seite nur im content div bereich öffnet. Das ganze soll dazu dienen das nicht immer die ganze seite geladen werden muss, also spare ich schonmal ladezeit und der eigentliche hauptgrund ich habe hintergrund
musik
laufen über einen player und möchte nicht das es bei jeden aufruf die musik neu beginnt zu
spielen
.

Da ich schon ein wenig schlau gelesen hab, hatte ich eine PHP lösung gefunden aber irgend wie bringe ich es nicht zum laufen, deshlab poste ich mal den code:

Code:
[COLOR=#000000][FONT=Times New Roman][LEFT][FONT=verdana]<!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/css; charset=iso-8859-1" />

<title>Stile Magico</title>

<link rel="stylesheet" type="text/css" href="CSS/layout.css" />
<link rel="stylesheet" type="text/css" href="CSS/navi.css" />
<link rel="stylesheet" type="text/css" href="CSS/content.css" />
<link rel="stylesheet" type="text/css" href="CSS/music.css" />



</head>

<body>

   <div id="layout">
      
      <div id="header">
             <div id="header-center">&nbsp;
            
            <div style="width:80px;margin-top: 155px; margin-left: 800px;background-color:#ffffff; ">
            <div id="music">  
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
            <script type="text/javascript">
    

            var options = {};
    
            options.mediaPath = "andrea_d.mp3";
            options.autoPlay = "true";
    
    
            var params = {};
    
            params.allowScriptAccess = "always";

            swfobject.embedSWF("LWMusicPlayer.swf", "music", "70", "21", "9.0.0",false, options, params, {});  

            </script>
               </div>
            </div>
        </div>
      
      <div id="container">
          <div id="container-center">  
                    <div id="navoben">     
                            <ul>
                        <li class="link"><a class="home" href="index.php?ac=start"></a> </li>
                           <li class="link"><a class="Aktuell" href="index.php?ac=Aktuell"></a></li>
                        <li class="link"><a class="Specials" href="index.php?ac=Specials"></a></li>
                        <li class="link"><a class="Team" href="index.php?ac=Team"></a></li>
                        <li class="link"><a class="Anfahrt" href="index.php?ac=Anfahrt"></a></li>
                        <li class="link"><a class="Preise" href="index.php?ac=Preise"></a></li>
                        <li class="link"><a class="Kontakt" href="index.php?ac=Kontakt"></a></li>
                        <li class="link"><a class="Gallery" href="index.php?ac=Gallery"></a></li>
 
                         </ul>    
                        </div>
                
                       <br />
                    <div id="content">
                    <?php
                        if($_GET['ac']=='start' || !$_GET['ac'])include 'start.php';
                        if($_GET['ac']=='Aktuell')include 'Aktuell.php'; 
                        if($_GET['ac']=='Specials')include 'Specials.php'; 
                        if($_GET['ac']=='Team')include 'Team.php'; 
                        if($_GET['ac']=='Anfahrt')include 'Anfahrt.php'; 
                        if($_GET['ac']=='Preise')include 'Preise.php'; 
                        if($_GET['ac']=='Kontakt')include 'Kontakt.php'; 
                        if($_GET['ac']=='Gallery')include 'Gallery.php';
                        ?>
                        </div> 
                    
                    <br />
                       <br />
                               
            </div>           
          </div>
      
      <div id="footer">
         <div id="footer-center">&nbsp;</div>   
        <div id="footer-content">
             <p>&copy; Copyright 2011 - by <a href="http://www.stile-magico.de"
            target="_blank">Stile Magico</a></p>
            </div>
        </div>
      </div>
    </div>
</body
></html>[/FONT][/LEFT]
[/FONT][/COLOR]
Die jeweiligen Testseiten sehen so aus:


Code:
[COLOR=#000000][FONT=Times New Roman][LEFT][FONT=verdana]<!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/css; charset=iso-8859-1" />



<title>Stile Magico</title>

<link rel="stylesheet" type="text/css" href="css/layout.css" />
<link rel="stylesheet" type="text/css" href="css/navi.css" />
<link rel="stylesheet" type="text/css" href="css/content.css" />
<link rel="stylesheet" type="text/css" href="css/music.css" />



</head>

<body>
<div id="text">
<p>Sie sehen Testseite Home</p>


</div>
      
    
</body
></html>[/FONT][/LEFT]
[/FONT][/COLOR]
Hoffe ihr könnt mir weiter helfen!!! Hab bereits an Ajax gedacht, komme aber damit nicht weiter!

Danke schonmal...


PS: habe bereits an Frames gedacht finde aber die variante nicht elegant!
 
Die PHP-Lösung kannst du bei deinen Voraussetzungen sowieso knicken.
Dadurch wird auch die komplette Seite neu geladen und nicht nur der Inhaltsbereich.
Diese Art dynamischer aktualisierung einzelner Elemente kannst du mit JavaScript realisieren.
 
Zurück
Oben