Bereiche der Website sollen nicht neu geladen werden

skyflight1981 · 01.09.2009

Hi Leute,
nach einigen Jahren Pause habe ich mich mal
wieder daran gemacht eine Website zu machen.
Meine Freundin macht sich bald selbständig und
ich gestalte ihre Seite.
Die Technik ist ja nicht stehen geblieben.
Die Seite selbst ist in einem zentriertem Div um
die verschiedenen Auflösungen abzudecken.
Der Rest der Seite besteht aus vier Divs.
Links oben das "Firmenlogo", rechts daneben
ein SWF-Header. Unter dem Logo ist das
Div für das Menü und daneben (unter dem Header)
das Div für die eigentlichen Inhalte. Mein
eigentliches Problem ist die Animation. Da die
Seite einen prof. Eindruck machen soll brauche
ich für die Header-Animation etwas Speicherplatz.
Nach einigen Optimierungen liegt die Größe bei
ca. 1,8MB. Kleiner kriege ich die Datei nicht da
die Animation sonst zu ruppig (5Bilder/s) läuft.
An der Bildgröße und Qualität kann ich auch nichts
mehr feilen.
2002 habe ich meine erste Seite mit Frames erstellt.
Der Vorteil war damals das eben nur der eigentliche
Inhalt neu geladen wurde. Das Logo, der Header
und das Menü werde ich absolut positionieren damit
diese stehen bleiben. Meine Frage ist es nun wie
ich die Seite aufbaue damit nur der Inhalt neu geladen
wird wenn ich aufs Menü klicke. Bei 1,8MB wäre das
schon sinnvoll.
Hat jemand einen guten Tip? Das Design darf ich noch
nicht veröffentlichen.

Kronod · 01.09.2009

AW: Bereiche der Website sollen nicht neu geladen werden

eine Möglichkeit wäre ein <iframe></iframe> , der wäre dir aber sicher nicht flexibel genug oder ?

Gruß Kronod

skyflight1981 · 01.09.2009

AW: Bereiche der Website sollen nicht neu geladen werden

Hmm, wenn später Links auf andere Seiten
auf die Site sollen könnte das problematisch
sein. Gibt es Alternativen?

Lobster1956 · 01.09.2009

AW: Bereiche der Website sollen nicht neu geladen werden

bei der Anforderung kann ich nur eine Flashseite empfehlen da brauchst du den Header nur einmal laden (bin ich sonst zwar kein Freund davon)
aber noch ein Wor zu deinen 1,8 MB ... dir ist schon klar dass immer noch sehr viele ohne DSL unterwegs sind (an meinem vorigen Wohnort ist ISDN immer noch das Scnellste) und da ist eine solche Größenordnung ein absolutes K.O. Kriterium...

skyflight1981 · 01.09.2009

AW: Bereiche der Website sollen nicht neu geladen werden

Mir ist schon bewusst dass es noch Menschen
gibt die kein DSL haben. Die Seite hat ne klare
Zielgruppe, da sind 1,8MB gerade noch zu
verschmerzen. Eine Gif-Animation wäre eine
Alternative zum SWF-Header, diese wäre wesentlich
kleiner. Der kleinere Farbraum gefällt mir nicht.
Es sind gerade mal fünf-Ausgangsbilder,
insgesamt werden aber um die 120Frames für die
Animation erzeugt. Anfangs waren es fast 1000,
ich sehe das als Fortschritt. Die 1,8MB sind mir
schon ein Dorn im Auge, ich sehe nur keinen
vernünftigen Ausweg.
Es wäre jedenfalls noch katastrophaler wenn jedesmal
die Animation geladen werden würde. Ich habe
zwar unbegrenzten Traffic aber ein so hohes
Datenvolumen will ich nicht. Im Grunde sind es
acht bis zehn Seiten mit Inhalten, bissl Text und
ein paar Bilder. Dazu noch ein Kontaktformular und
ein Gästebuch. Später vielleicht noch ein Forum.
Das muss doch irgendwie elegant zu lösen sein
ohne dass ich so viel Traffic produziere.

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

Hier mal der Quelltext:

Code:

  [FONT=&quot]<body>[/FONT]
  [FONT=&quot]<div id="hauptfenster">[/FONT]
  [FONT=&quot]               <div id="karte"></div>[/FONT]
  [FONT=&quot]  <div id="header">[/FONT]
  [FONT=&quot]                <script type="text/javascript">[/FONT]
  [FONT=&quot] AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','682','height','165', 'title','Header4_swf','src','Bilder/Header4_am_kleinsten','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','Bilder/Header4_am_kleinsten' ); //end AC code[/FONT]
  [FONT=&quot]</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="682" height="165" title="Header4_swf">[/FONT]
  [FONT=&quot]        <param name="movie" value="Bilder/Header4_am_kleinsten.swf" />[/FONT]
  [FONT=&quot]        <param name="quality" value="high" />[/FONT]
  [FONT=&quot] <embed src="Bilder/Header4_am_kleinsten.swf" quality="high" pluginspage= "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="682" height="165"></embed>[/FONT]
  [FONT=&quot]           </object>[/FONT]
  [FONT=&quot]               </noscript>[/FONT]
  [FONT=&quot]               </div>[/FONT]
  [FONT=&quot]               <div id="navi">[/FONT]
  [FONT=&quot]               <div id="Button_1"><img src="[/FONT][FONT=&quot][URL="http://www.psd-tutorials.de/modules/Forum/../view-source:file:///C:/Dokumente%20und%20Einstellungen/skyflight/Desktop/Kathis%20Website/Kathis%20Website01/Bilder/Buttons_neu/Button_Startseite%20Kopie.png"][COLOR=blue]Bilder/Buttons_neu/Button_1.png[/COLOR][/URL][/FONT][FONT=&quot]" alt="1" /></div>[/FONT]
  [FONT=&quot]               <div id="Button_2"><img src="[/FONT][FONT=&quot][URL="http://www.psd-tutorials.de/modules/Forum/../view-source:file:///C:/Dokumente%20und%20Einstellungen/skyflight/Desktop/Kathis%20Website/Kathis%20Website01/Bilder/Buttons_neu/Button_Tierpsychologie%20Kopie.png"][COLOR=blue]Bilder/Buttons_neu/Button_2.png[/COLOR][/URL][/FONT][FONT=&quot]" alt="2" /></div>[/FONT]
  [FONT=&quot]            <div id="Button_3"><img src="[URL="http://www.psd-tutorials.de/modules/Forum/../view-source:file:///C:/Dokumente%20und%20Einstellungen/skyflight/Desktop/Kathis%20Website/Kathis%20Website01/Bilder/Buttons_neu/Button_%C3%9Cber_mich%20Kopie.png"][COLOR=blue]Bilder/Buttons_neu/Button_3.png[/COLOR][/URL]" alt="3" /></div>[/FONT]
  [FONT=&quot]            <div id="Button_4"><img src="[URL="http://www.psd-tutorials.de/modules/Forum/../view-source:file:///C:/Dokumente%20und%20Einstellungen/skyflight/Desktop/Kathis%20Website/Kathis%20Website01/Bilder/Buttons_neu/Button_Arbeitsbereiche%20Kopie.png"][COLOR=blue]Bilder/Buttons_neu/Button_4.png[/COLOR][/URL]" alt="4" /></div>[/FONT]
  [FONT=&quot]            <div id="Button_5"><img src="[URL="http://www.psd-tutorials.de/modules/Forum/../view-source:file:///C:/Dokumente%20und%20Einstellungen/skyflight/Desktop/Kathis%20Website/Kathis%20Website01/Bilder/Buttons_neu/Button_Ern%C3%A4hrungsberatung%20Kopie.png"][COLOR=blue]Bilder/Buttons_neu/Button_5.png[/COLOR][/URL]" alt="5" /></div>[/FONT]
  [FONT=&quot]            <div id="Button_6"><img src="[URL="http://www.psd-tutorials.de/modules/Forum/../view-source:file:///C:/Dokumente%20und%20Einstellungen/skyflight/Desktop/Kathis%20Website/Kathis%20Website01/Bilder/Buttons_neu/Button_Bachbl%C3%BCtentherapie%20Kopie.png"][COLOR=blue]Bilder/Buttons_neu/Button_6.png[/COLOR][/URL]" alt="6" /></div>[/FONT]
  [FONT=&quot]            <div id="Button_7"><img src="[URL="http://www.psd-tutorials.de/modules/Forum/../view-source:file:///C:/Dokumente%20und%20Einstellungen/skyflight/Desktop/Kathis%20Website/Kathis%20Website01/Bilder/Buttons_neu/Button_Leistungen%20Kopie.png"][COLOR=blue]Bilder/Buttons_neu/Button_7.png[/COLOR][/URL]" alt="7" /></div>[/FONT]
  [FONT=&quot]            <div id="Button_8"><img src="[URL="http://www.psd-tutorials.de/modules/Forum/../view-source:file:///C:/Dokumente%20und%20Einstellungen/skyflight/Desktop/Kathis%20Website/Kathis%20Website01/Bilder/Buttons_neu/Button_Kontakt%20Kopie.png"][COLOR=blue]Bilder/Buttons_neu/Button_8.png[/COLOR][/URL]" alt="8" /></div>[/FONT]
  [FONT=&quot]            <div id="Button_9"><img src="[URL="http://www.psd-tutorials.de/modules/Forum/../view-source:file:///C:/Dokumente%20und%20Einstellungen/skyflight/Desktop/Kathis%20Website/Kathis%20Website01/Bilder/Buttons_neu/Button_G%C3%A4stebuch%20Kopie.png"][COLOR=blue]Bilder/Buttons_neu/Button_9.png[/COLOR][/URL]" alt="9" /></div>[/FONT]
  [FONT=&quot]            <div id="Button_10"><img src="[/FONT][FONT=&quot][URL="http://www.psd-tutorials.de/modules/Forum/../view-source:file:///C:/Dokumente%20und%20Einstellungen/skyflight/Desktop/Kathis%20Website/Kathis%20Website01/Bilder/Buttons_neu/Button_Impressum%20Kopie.png"][COLOR=blue]Bilder/Buttons_neu/Button_10.png[/COLOR][/URL][/FONT][FONT=&quot]" alt="10" /></div></div>[/FONT]
  
  [FONT=&quot]               <div id="content">[/FONT]
  [FONT=&quot] <p>Lorem ipsum mei vidisse scripta facilisi an, vis no alienum lobortis suavitate, et facer accumsan eum. An vel atqui iracundia, vis illum ancillae gloriatur at. Cum elitr solet diceret at, facete corpora expetenda an cum. Ne nemore invenire neglegentur vel, iuvaret consequuntur cum cu. Eam ne nibh natum convenire, an viderer tamquam habemus cum. Ne est alia illum audiam, apeirian singulis interesset his at.</p>[/FONT]
  [FONT=&quot]      </div>[/FONT]
  [FONT=&quot]        </div>[/FONT]
  [FONT=&quot]</body>[/FONT]
  [FONT=&quot]</html>

[/FONT]

dafoxx · 01.09.2009

AW: Bereiche der Website sollen nicht neu geladen werden

täusch ich mich, oder wird das sowieso in den cache geladen?
ich mein, damit wäre das problem doch eigentlich hinfällig oder?
der user schaut sich die seite an, ihm fällt eventuell die etwas hohe ladezeit auf, aber die is ja weg, nachdem sich die seite beim content-ändern die sachen sowieso ausm cache holt.
ansonsten... ajax??
schonmal daran gedacht?
das einzubaun wird zwar etwas aufwendiger, aber wenns richtig gemacht wurde, sollte das problem aus der welt sein.
falls du drauf verzichten willst es selber einzubaun, hol dir einfach ein fertiges hp script (clansphere kann ich empfehlen, da isses drin), oder schau ob du n passendes ajax script findest.
greez, fox

skyflight1981 · 02.09.2009

AW: Bereiche der Website sollen nicht neu geladen werden

Ich denke schon auch dass das gleiche
Objekt nicht noch einmal geladen wird.
Ganz sicher bin ich mir aber dabei auch
nicht. Mit Ajax und PHP kenne ich mich
!!!noch!!! nicht so gut aus. Kommt aber
noch, die Bücher liegen schon daheim.
Muss nur mal genügend Zeit finden alle
Bücher zu lesen.

Gruß Marc-Henry

dafoxx · 02.09.2009

AW: Bereiche der Website sollen nicht neu geladen werden

also bei allen arten von bildern ist es so. bei flash-videos weiss ichs nicht; einfach mal ausprobieren: seite hochladen, draufgehen, ladezeit messen. nochmal draufgehen, schaun wie lang sie jetzt ist. chache leeren und nochmal. unterschied feststellen.
zum allgemeinen:
Ladezeiten-Check - HTMLWorld
da stehen auch noch einige tipps zum verkürzen der ladezeit.
zum thema noch nicht auskennen:
hier sind ein paar tuturials, scripts usw; einfach mal durchwursteln, ich denke man wird da gut fündig und kann es mit etwas html und textverständnis gut einbauen.

greez, fox

edit:
zu deinem quelltext:
versuch die buttons auszulagern und als background img's einzubaun. is schöner, schneller und besser.
geht folgendermassen:
statt

<div id="Button_1"><img src="Bilder/Buttons_neu/Button_1.png" alt="1" /></div>

einfach

<a id="button_1" class="button" href="wo auch immer er hingehen soll"/>

(falls sie untereinander stehen natürlich noch ein <br/> dahinter.
und in die css:

#button_1{
background-img:url(Bilder/Buttons_neu/Button_1.png);
}
.button{
width:200px;
height:30px;
}

und analog weiter.... (fette sachen entsprechend abändern)
das spaart auch schon (wenn auch minimal) ladezeit. die class "button" natürlich nur einmal rein, da diese attribute dann für alle gelten.

devilmaster1987 · 02.09.2009

AW: Bereiche der Website sollen nicht neu geladen werden

Versuch es doch mit PHP, dass müsste doch auch gehen oder nicht.
Es müsste so gehen:

PHP:

<?php
echo "<body>
         <div id='hauptfenster'>
                  <div id='karte'></dvi>
                  <div id='header'>....</div>";
                  
                  //menu steuerung
echo"         <div id='navi'>
                 <a href='index.php?bilder=bild1'>BILD1</a>
                 <a href='index.php?bilder=bild2'>BILD2</a>
                 <a href='index.php?bilder=bild3'>BILD3</a>
                 </div>";

                  //ausgabe 
echo"         <div id='content'>";
                   if(isset($_GET['bilder']))    
                     {
                       switch($_GET['bilder'])
                      {
       case "bilder1": include "Bilder/Buttons_neu/Button_1.png"; break;
       case "bilder2": include "Bilder/Buttons_neu/Button_2.png"; break;          
       case "bilder3": include "Bilder/Buttons_neu/Button_3.png"; break;        
default:
                include "html/home.php"; break;
                }
            }
            else{ include "html/home.php"; }    

echo"                  </div>";


         </div>
        

?>

ob das so läuft weiß ich nicht, hab das jetzt nicht getestet, wenn ich das richtig von dir verstanden hab, hoffe mal ich irre mich nicht

Chriss1987 · 02.09.2009

AW: Bereiche der Website sollen nicht neu geladen werden

Hallo,

wenn du es mit AJAX lösen möchtest, hier eine schnelle Lösung:

Dein vorhandener Quelltext wird etwas verändert:

HTML:

  <body>
  <!-- hier wird das AJAX-Script eingebunden -->
  <script type="text/javascript" src="ajax.js"></script>
  <div id="hauptfenster">
                 <div id="karte"></div>
    <div id="header">
                  <script type="text/javascript">
   AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','682','height','165', 'title','Header4_swf','src','Bilder/Header4_am_kleinsten','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','Bilder/Header4_am_kleinsten' ); //end AC code
  </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="682" height="165" title="Header4_swf">
          <param name="movie" value="Bilder/Header4_am_kleinsten.swf" />
          <param name="quality" value="high" />
   <embed src="Bilder/Header4_am_kleinsten.swf" quality="high" pluginspage= "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="682" height="165"></embed>
             </object>
                 </noscript>
                 </div>
                 <div id="navi">
                 <div id="Button_1"><img src="Bilder/Buttons_neu/Button_1.png" alt="1" onClick="sndReq('pfad-der-geoeffnet-werden-soll.html')" /></div>
                 <div id="Button_2"><img src="Bilder/Buttons_neu/Button_2.png" alt="2" onClick="sndReq('pfad-der-geoeffnet-werden-soll.html')" /></div>
              <div id="Button_3"><img src="Bilder/Buttons_neu/Button_3.png" alt="3" onClick="sndReq('pfad-der-geoeffnet-werden-soll.html')" /></div>
              <div id="Button_4"><img src="Bilder/Buttons_neu/Button_4.png" alt="4" onClick="sndReq('pfad-der-geoeffnet-werden-soll.html')" /></div>
              <div id="Button_5"><img src="Bilder/Buttons_neu/Button_5.png" alt="5" onClick="sndReq('pfad-der-geoeffnet-werden-soll.html')" /></div>
              <div id="Button_6"><img src="Bilder/Buttons_neu/Button_6.png" alt="6" onClick="sndReq('pfad-der-geoeffnet-werden-soll.html')" /></div>
              <div id="Button_7"><img src="Bilder/Buttons_neu/Button_7.png" alt="7" onClick="sndReq('pfad-der-geoeffnet-werden-soll.html')" /></div>
              <div id="Button_8"><img src="Bilder/Buttons_neu/Button_8.png" alt="8" onClick="sndReq('pfad-der-geoeffnet-werden-soll.html')" /></div>
              <div id="Button_9"><img src="Bilder/Buttons_neu/Button_9.png" alt="9" onClick="sndReq('pfad-der-geoeffnet-werden-soll.html')" /></div>
              <div id="Button_10"><img src="Bilder/Buttons_neu/Button_10.png" alt="10" onClick="sndReq('pfad-der-geoeffnet-werden-soll.html')" /></div></div>
  
                 <div id="content">
   <p>Lorem ipsum mei vidisse scripta facilisi an, vis no alienum lobortis suavitate, et facer accumsan eum. An vel atqui iracundia, vis illum ancillae gloriatur at. Cum elitr solet diceret at, facete corpora expetenda an cum. Ne nemore invenire neglegentur vel, iuvaret consequuntur cum cu. Eam ne nibh natum convenire, an viderer tamquam habemus cum. Ne est alia illum audiam, apeirian singulis interesset his at.</p>
                </div>
          </div>
  </body>
  </html>

und die ajax.js:

Code:

var http = null;

if (window.XMLHttpRequest)
    {
        http = new XMLHttpRequest();
    }
else if (window.ActiveXObject)
    {
        http = new ActiveXObject("Microsoft.XMLHTTP");
    }

function sndReq(url)
    {
        if (http != null)
            {
                // http.open("POST", "anfrage.php", true);
                http.open("GET", url, true);
                http.onreadystatechange = ausgeben;
                // http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
                // http.send("date="+date);
            }
    }

function ausgeben()
    {
        if (http.readyState == 4)
            {
                document.getElementById("content").innerHTML = http.responseText;
            }
        else
            {
                document.getElementById("content").innerHTML = "<img src=\"loading.gif\" width=\"50\" heigth=\"50\">";
            }
    }

Ist natürlich nicht ganz sicher, weil nicht geprüft wird, ob die URL wirklich erlaubt ist!
Wenn du das etwas sicherer machen möchtest, änder in der ajax.js folgendes:

Code:

...
function sndReq(url)
    {
        if (http != null)
            {
                // http.open("POST", "anfrage.php", true);
                http.open("POST", "ausgabe.php", true);
                http.onreadystatechange = ausgeben;
                http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
                http.send("url="+url);
            }
    }
...

und die ausgabe.php:

PHP:

<?php

if (isset($_POST['url']))
    {
        $erlaubte_urls = array("seite1.html", "seite2.php", "images/seite3.gif");
        if (in_array($_POST['url'], $erlaubte_urls))
            {
                echo file_get_contents($_POST['url']);
            }
        else
            {
                echo "<h1>Zugriff verweigert!</h1>";
            }
    }
else
    {
        echo "Falscher Parameter!";
    }

?>

Wenn du noch Fragen hast, melde dich einfach!

Schöne Grüße aus dem Sauerland!
Chriss

skyflight1981 · 02.09.2009

AW: Bereiche der Website sollen nicht neu geladen werden

Danke erstmal für die zahlreichen Tipps!
Werde die Tage mal ein paar Varianten
ausprobieren und vom Ergebnis berichten.

Danke, ihr seid spitze!

skyflight1981 · 03.09.2009

AW: Bereiche der Website sollen nicht neu geladen werden

Also gut, ich habe mich jetzt etwas eingelesen und
finde die PHP-Variante mit Include für mich am
sinnvollsten. Von Ajax habe ich einfach noch zu wenig
Ahnung, mit PHP hatte ich schon Berührpunkte.
Zumindestens verstehe ich die was der Code macht.
Bei Ajax verstehe ich gerade nur Bahnhof.

Ich muss ja dann meine Seite als php-Datei speichern.
Also z.B. karte.php, navi.php, menue.php, wie ist das
aber mit der eigentlichen Seite. Diese war ja mal ursprünglich
meine index.html? Ich kann die ja schlecht in index.php
umbenennen? Muss ich das jetzt irgendwie Umleiten?

sh0ck · 03.09.2009

AW: Bereiche der Website sollen nicht neu geladen werden

hallo.

eine umleitung ist nicht erforderlich. standardmäßig dürften alle provider eine "index.htm", index.html" oder "index.php" als startseite erkennen.

gruss chris

LowkaZ · 04.09.2009

AW: Bereiche der Website sollen nicht neu geladen werden

hol direkt ein javascript framework... jQuery ist dein freund...
ansonsten bekommste die 1.8mb sicherlich noch kleiner... was ist denn dass bitte für eine animation?

skyflight1981 · 04.09.2009

AW: Bereiche der Website sollen nicht neu geladen werden

Die Aninmation ist eine recht beschauliche Bildfolge.
Es sind insgesamt fünf Bilder die nacheinander nach
vier Sekunden überblendet werden. Eingestellt habe
ich 5Bilder/s. Für die Überblendung sind fünf Bilder
zuständig. Macht dann 5Bilderx4Sekundenx5Bilder/Sek
plus 5x5Bilder für die Überblendung. Insgesamt also
125Bilder die im Format 682x165Px nacheinander laufen.
Habs die Animation mit Photoshop erstellt als Bildfolge
und dann in Fireworks als SWF-Datei gespeichert.
Gif sieht mir einfach zu pixelig aus!

Mir ist beim Lesen eines Buchs eine Idee gekommen. Man
kann ja Div-Container übereinander legen. Wenn ich jetzt
für jeden Link (Button) einen Div-Container einblende und
die anderen ausblende (visibility:hidden) müsste es doch
auch gehen. Im Prinzip steht nicht allzu viel in den Container,
meistens etwas Text und mal ein paar Bilder. Könnte man
auch ein Gästebuch in einen Div-Container einbinden?
Oder bin ich jetzt auf einem ganz falschem Weg?

skyflight1981 · 07.09.2009

AW: Bereiche der Website sollen nicht neu geladen werden

devilmaster1987 schrieb:

Versuch es doch mit PHP, dass müsste doch auch gehen oder nicht.
Es müsste so gehen:

PHP:

<?php
echo "<body>
         <div id='hauptfenster'>
                  <div id='karte'></dvi>
                  <div id='header'>....</div>";
                  
                  //menu steuerung
echo"         <div id='navi'>
                 <a href='index.php?bilder=bild1'>BILD1</a>
                 <a href='index.php?bilder=bild2'>BILD2</a>
                 <a href='index.php?bilder=bild3'>BILD3</a>
                 </div>";

                  //ausgabe 
echo"         <div id='content'>";
                   if(isset($_GET['bilder']))    
                     {
                       switch($_GET['bilder'])
                      {
       case "bilder1": include "Bilder/Buttons_neu/Button_1.png"; break;
       case "bilder2": include "Bilder/Buttons_neu/Button_2.png"; break;          
       case "bilder3": include "Bilder/Buttons_neu/Button_3.png"; break;        
default:
                include "html/home.php"; break;
                }
            }
            else{ include "html/home.php"; }    

echo"                  </div>";


         </div>
        

?>

ob das so läuft weiß ich nicht, hab das jetzt nicht getestet, wenn ich das richtig von dir verstanden hab, hoffe mal ich irre mich nicht

Sodele, jetzt habe ich mich schlau gemacht und Bücher gelesen. Dazu noch ein paar Suchanfragen bei der großen bekannten Suchmaschine und schon weiß man mehr!

Also, wenn ich das jetzt richtig interpretiere stellt das erste echo den großen Div-Container, das Logo und den Header bereit.

Das zweite echo zeigt das Menü an. Dabei werden die Links der Variable bilder zugewiesen. Wofür steht das zweite BILD? Oder soll für bilder der Grafiklink (mit Attribut alt="blabla") eingesetzt werden; wobei zehn Variablen (BILD1 bis BILD10) zugewiesen wird?

Beim dritten echo kommt eine Fallabfrage, die je nach dem den Container_content mit Inhalt befüllt.

Und dann kommen wir zu default. Default entspricht ja hier der else-Anwendung. Auf deutsch, wenn nichts findest was passt lade home.php

else (ansonsten) lade home.php

Und das ist genau der Teil den ich nicht so ganz verstehe! Was passiert hier? Welche Seite stellt home.php dar? Und wo genau binde ich den php-Code ein? Ich vermute direkt in meine index.php, direkt nach dem body-Tag!?

Wäre nett, wenn das mal jemand kommentieren könnte!

Gruß Marc-Henry

skyflight1981 · 09.09.2009

AW: Bereiche der Website sollen nicht neu geladen werden

Ok, jetzt bin ich wieder einen Tick weiter
mit meinen Kenntnissen. Ich binde nicht
die Dateien ein, sondern blende den eigentlichen
Inhalt mittels einer CASE-Abfrage ein.
Was $_GET und isset macht weiß ich noch nicht
sicher aber ich kann es mir denken.

Was ich bis jetzt nicht verstehe ist was mit
include eingebunden wird.

Eine weitere Frage hätte ich noch.
Kann ich eigentlich noch Mouseover-Effekte
bei den Buttons einbinden?

Chriss1987 · 09.09.2009

AW: Bereiche der Website sollen nicht neu geladen werden

skyflight1981 schrieb:
Ok, jetzt bin ich wieder einen Tick weiter
mit meinen Kenntnissen. Ich binde nicht
die Dateien ein, sondern blende den eigentlichen
Inhalt mittels einer CASE-Abfrage ein.
Was $_GET und isset macht weiß ich noch nicht
sicher aber ich kann es mir denken.

Was ich bis jetzt nicht verstehe ist was mit
include eingebunden wird.

Eine weitere Frage hätte ich noch.
Kann ich eigentlich noch Mouseover-Effekte
bei den Buttons einbinden?

Hi,

also in dem Array $_GET findest du alle Variablen, die du per URL übergibst.
ein Beispiel:
Du rufst die URL "home.php" auf und möchtest per URL einige Variablen übergeben, dann hängst du an die URL ein "?", den Variablennamen, dann ein "=" und dann den Wert:

Code:

home.php?var1=hallo

Somit könntest du in der home.php mit $_GET['var1'] auf den Wert "hallo" zugreifen.
Möchtest du nun mehrere Variablen übergeben, trennst du die verschiedenen Name/Werte-Bereiche mit einem "&":

Code:

home.php?var1=hallo&var2=du

In der home.php kannst du nun mit $_GET['var1'] und $_GET['var2'] auf die Werte zugreifen:

PHP:

echo $_GET['var1'] . " " . $_GET['var2'];

würde folgendes ausgeben:

Code:

hallo du

isset() prüft einfach, ob eine Variable existiert oder nicht, um auf das o.g. Bsp zurück zu kommen:
Wenn die die home.php mit "?var1=hallo" aufrufen würdest, aber in der home.php folgendes abfragst:

PHP:

echo $_GET['var1'] . " " . $_GET['var2'];

erhältst du eine Fehlermeldung.
Jetzt kannst du mit isset prüfen, ob z.B. die Variable übergeben wurde:

PHP:

if (isset($_GET['var1']) AND isset($_GET['var2']))
    {
         echo $_GET['var1'] . " " . $_GET['var2'];
    }

würde nur eine Ausgabe ausspucken, wenn beide Variablen übergeben wurden.

Was mir noch aufgefallen ist, dein eigentliches Vorhaben, die Animation nicht jedesmal neu zu laden wird mit dem Script von devilmaster1987 nicht umgesetzt. Du generierst jedesmal die Seite neu und auch die Animation wird jedes mal mitgeladen. Mit dem o.g. Script von devilmaster1987 erreichst du nur, dass Abhängig vom angeforderten Content eben dieser eingebunden wird.

Möchtest du wirklich nur den Content nachladen, ohne die Animation jedesmal neu laden zu müssen, bleiben dir mE nach 2 Möglichkeiten:
iframe oder AJAX

Wenn du zur Umsetztung mit AJAX noch Fragen hast, kann ich dir gerne noch helfen! ;-)

Schöne Grüße aus dem Sauerland!
Chriss

skyflight1981 · 09.09.2009

AW: Bereiche der Website sollen nicht neu geladen werden

Alles klar, danke fürs kommentieren! Die iFrame-Lösung
gefällt mir nicht also bleibt nur AJAX übrig. Habe halt
noch keinen Schimmer davon, ich weiß auch noch nicht
wie es mit dem Hoster (all-inkl) aussieht. Schätze aber
dass AJAX beim PrivatPlus-Paket unterstützt wird.
Dann werde ich jetzt mal den Code einbauen und sehen
was passiert. Wenn Fragen kommen wende ich mich
dann (und die kommen sicher

) an dich.

Chriss1987 · 09.09.2009

AW: Bereiche der Website sollen nicht neu geladen werden

skyflight1981 schrieb:
Alles klar, danke fürs kommentieren! Die iFrame-Lösung
gefällt mir nicht also bleibt nur AJAX übrig. Habe halt
noch keinen Schimmer davon, ich weiß auch noch nicht
wie es mit dem Hoster (all-inkl) aussieht. Schätze aber
dass AJAX beim PrivatPlus-Paket unterstützt wird.
Dann werde ich jetzt mal den Code einbauen und sehen
was passiert. Wenn Fragen kommen wende ich mich
dann (und die kommen sicher ) an dich.

Kein Problem.

AJAX kannst du unabhängig vom Hoster verwenden, weil es über den Client (per Javascript) läuft, also dürfte das kein Problem sein.

Schau dir mal den Code, den ich weiter oben gepostet habe an, vielleicht kommst du damit zurecht! ;-) Ansonsten meld dich einfach!

Schöne Grüße aus dem Sauerland!
Chriss