Kein Reload eines bestimmten Bereiches

Dieses Thema im Forum "Webdesign" wurde erstellt von SoulOfRussia, 26. Dezember 2009 .

Schlagworte:
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 26. Dezember 2009
    Mein anliegen heute:

    [​IMG]

    Der markierte Bereich [div Element] soll nun beim Seitenwechsel nicht neu geladen werden...

    Wie soll ich das blos realisieren??? Ich hab an PHP gedacht... weil ich hab auf einer Seite sowas schonmal gesehen...
    - Auf dieser Seite war es so: Ein Player war auf dem "Bottom" des Browsers, beim laden einer neuen Seite (z.b. den About-Teil oder den Kontakt-Teil) hat dieser Player nicht neugestartet, sondern ist einfach weitergelaufen...
    Anscheinend lief das alles über PHP... bin mir aber nicht ganz sicher...

    PS: Nein, ich will keine iFrames benutzen, und nein das ist kein nerviger AUTOPLAY-PLAYER :p

    PPS: @Mods... bitte Thema verschieben wenns nicht hier rein passt ^^
     

  2. Anzeige
    Heute: Deals & Sale mit stark reduzierten Angeboten finden.
  3. #2 26. Dezember 2009
    AW: Kein Reload eines bestimmten Bereiches

    entweder machst du das per frame oder per flash
     
  4. #3 26. Dezember 2009
  5. #4 27. Dezember 2009
    AW: Kein Reload eines bestimmten Bereiches

    so habs:

    Um weitere solche Themen auszuschließen hier der Lösungsweg bzw. "Lösungscode".

    Spoiler
    HTML - DOKUMENT
    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>
    <title>Index</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script language="javascript" src="js/AJAXLOAD.js"></script>
    <head>
    <div id="header">Hallo dies, Hallo das...</div>
    <div id="myContent">
    <h1>Willkommen zu Meiner Seite</h1>
     Jetzt schreib ich mal <br /><br /><br /><br /><br /> TEST TEST <br />
    </div>
    </body>
    </html>
    
    JAVASCRIPT/AJAX DOKUMENT (AJAXLOAD.js)
    HTML:
    //nicht benötigt bei seperater JScript-Datei <script language="javascript">
    
    
    var xmlHttpObject = false;
    
    if (typeof XMLHttpRequest != 'undefined') 
    {
     xmlHttpObject = new XMLHttpRequest();
    }
    if (!xmlHttpObject) 
    {
     try 
     {
     xmlHttpObject = new ActiveXObject("Msxml2.XMLHTTP");
     }
     catch(e) 
     {
     try 
     {
     xmlHttpObject = new ActiveXObject("Microsoft.XMLHTTP");
     }
     catch(e) 
     {
     xmlHttpObject = null;
     }
     }
    }
    
    function loadContent()
    {
     xmlHttpObject.open('get','hallo.txt');
     xmlHttpObject.onreadystatechange = handleContent;
     xmlHttpObject.send(null);
     return false;
    }
    
    function handleContent()
    {
     if (xmlHttpObject.readyState == 4)
     {
     document.getElementById('myContent').innerHTML = xmlHttpObject.responseText;
     }
    }
    
    
    
    //nicht benötigt bei seperater JScript-Datei</script>
     

  6. Videos zum Thema
Die Seite wird geladen...