Auf Thema antworten 2026

Beitrag

<blockquote data-quote="skyflight1981" data-source="post: 1140666" data-attributes="member: 92867">AW: Bereiche der Website sollen nicht neu geladen werden@sokie Vielen Dank, für den Link zu Deinem Tutorial. Mit der Hilfestellung brauche ich keine weitere Hilfe.Ich habe FlashCS3, allerdings haben wir das während des Studiums nur angekratzt. Mit dem Video sollte ein neuer Header aber kein Problem sein. Ich muss sowieso nochmal über die Bilderauswahl nachdenken. Wenn das Projekt bald akut wird poste ich meine Ergebnisse. @Chriss1987 Ich habe jetzt mal die Code-Fragmente eingearbeitet und aktualisiert. Leider habe ich noch Fehler bei der Ausgabe, ich vermute dass es an der Abfrage liegt. Ich bin noch nicht soweit dass ich die Hintergründe kenne warum man nur bestimmte bei der Ausgabe zulässt. Kann man hier manipulieren? Kann man das Menü noch mit Mouseover-Effekten ergänzen?Ich habe Glasbuttons die beim überfahren sich farblich ändern sollen. Geht dass noch mit dem Ajax-Code?Ich poste mal den Quellcode meiner Dateien, Screenshots folgen die Tage mal. Hier die index.html:[code]&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&lt;head&gt;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;&lt;title&gt;Kathis Seite&lt;/title&gt;&lt;link href=&quot;kathis_website01.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;&lt;script src=&quot;Scripts/AC_RunActiveContent.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;&lt;/head&gt;&nbsp; &lt;body&gt;&nbsp; &lt;!-- hier wird das AJAX-Script eingebunden --&gt;&nbsp; &lt;script type=&quot;text/javascript&quot; src=&quot;ajax.js&quot;&gt;&lt;/script&gt;&nbsp; &lt;div id=&quot;hauptfenster&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;div id=&quot;karte&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &lt;div id=&quot;header&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot;&gt;&nbsp;&nbsp; AC_FL_RunContent( &#039;codebase&#039;,&#039;http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0&#039;,&#039;width&#039;,&#039;682&#039;,&#039;height&#039;,&#039;165&#039;, &#039;title&#039;,&#039;Header4_swf&#039;,&#039;src&#039;,&#039;Bilder/Header4_am_kleinsten&#039;,&#039;quality&#039;,&#039;high&#039;,&#039;pluginspage&#039;,&#039;http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&#039;,&#039;movie&#039;,&#039;Bilder/Header4_am_kleinsten&#039; ); //end AC code&nbsp; &lt;/script&gt;&lt;noscript&gt;&lt;object classid=&quot;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&quot; codebase=&quot;http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0&quot; width=&quot;682&quot; height=&quot;165&quot; title=&quot;Header4_swf&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;param name=&quot;movie&quot; value=&quot;Bilder/Header4_am_kleinsten.swf&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;param name=&quot;quality&quot; value=&quot;high&quot; /&gt;&nbsp;&nbsp; &lt;embed src=&quot;Bilder/Header4_am_kleinsten.swf&quot; quality=&quot;high&quot; pluginspage= &quot;http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&quot; type=&quot;application/x-shockwave-flash&quot; width=&quot;682&quot; height=&quot;165&quot;&gt;&lt;/embed&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/object&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/noscript&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;div id=&quot;navi&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;Button_Startseite&quot;&gt;&lt;img src=&quot;Bilder/Buttons_neu/Button_Startseite Kopie.png&quot; alt=&quot;Startseite&quot; onCl&quot;sndReq(&#039;startseite.html&#039;)&quot; /&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;div id=&quot;Button_Tierpsychologie&quot;&gt;&lt;img src=&quot;Bilder/Buttons_neu/Button_Tierpsychologie Kopie.png&quot; alt=&quot;Tierpsychologie&quot; onClick=&quot;sndReq(&#039;tierpsychologie.html&#039;)&quot; /&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;Button_Über_mich&quot;&gt;&lt;img src=&quot;Bilder/Buttons_neu/Button_Über_mich Kopie.png&quot; alt=&quot;Über mich&quot; onClick=&quot;sndReq(&#039;ueber_mich.html&#039;)&quot; /&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;Button_Arbeitsbereiche&quot;&gt;&lt;img src=&quot;Bilder/Buttons_neu/Button_Arbeitsbereiche Kopie.png&quot; alt=&quot;Arbeitsbereiche&quot; onClick=&quot;sndReq(&#039;arbeitsbereiche.html&#039;)&quot; /&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;div id=&quot;Button_Ernährungsberatung&quot;&gt;&lt;img src=&quot;Bilder/Buttons_neu/Button_Ernährungsberatung Kopie.png&quot; alt=&quot;Ernährungsberatung&quot; onClick=&quot;sndReq(&#039;ernaehrungsberatung.html&#039;)&quot; /&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;Button_Bachblütentherapie&quot;&gt;&lt;img src=&quot;Bilder/Buttons_neu/Button_Bachblütentherapie Kopie.png&quot; alt=&quot;Bachblütentherapie&quot; onClick=&quot;sndReq(&#039;bachbluetentherapie.html&#039;)&quot; /&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;Button_Leistungen&quot;&gt;&lt;img src=&quot;Bilder/Buttons_neu/Button_Leistungen Kopie.png&quot; alt=&quot;Leistungen&quot; onClick=&quot;sndReq(&#039;leistungen.html&#039;)&quot; /&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;Button_Kontakt&quot;&gt;&lt;img src=&quot;Bilder/Buttons_neu/Button_Kontakt Kopie.png&quot; alt=&quot;Kontakt&quot; onClick=&quot;sndReq(&#039;kontakt.html&#039;)&quot; /&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;Button_Gästebuch&quot;&gt;&lt;img src=&quot;Bilder/Buttons_neu/Button_Gästebuch Kopie.png&quot; alt=&quot;Gästebuch&quot; onClick=&quot;sndReq(&#039;gaestebuch.html&#039;)&quot; /&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;Button_Impressum&quot;&gt;&lt;img src=&quot;Bilder/Buttons_neu/Button_Impressum Kopie.png&quot; alt=&quot;Impressum&quot; onClick=&quot;sndReq(&#039;impressum.html&#039;)&quot; /&gt;&lt;/div&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;content&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/div&gt;&lt;/body&gt;&lt;/html&gt;[/code]Hier die stylesheet.css:[code]@charset &quot;utf-8&quot;;body {&nbsp; &nbsp; background-image: url(Bilder/Kathis_Website_Hintergrund.gif);&nbsp; &nbsp; background-repeat: repeat-x;&nbsp; &nbsp; margin: 0px;&nbsp; &nbsp; padding: 0px;}#hauptfenster {&nbsp; &nbsp; width: 1024px;&nbsp; &nbsp; float: none;&nbsp; &nbsp; margin-top: 0px;&nbsp; &nbsp; margin-right: auto;&nbsp; &nbsp; margin-bottom: 0px;&nbsp; &nbsp; margin-left: auto;&nbsp; &nbsp; border: 0px none #000000;}#karte {&nbsp; &nbsp; float: left;&nbsp; &nbsp; height: 170px;&nbsp; &nbsp; width: 300px;&nbsp; &nbsp; margin-left: 12px;&nbsp; &nbsp; margin-top: 12px;&nbsp; &nbsp; background-image: url(Bilder/karte_hintergrund.png);&nbsp; &nbsp; border-top-width: 0px;&nbsp; &nbsp; border-right-width: 0px;&nbsp; &nbsp; border-bottom-width: 0px;&nbsp; &nbsp; border-left-width: 0px;&nbsp; &nbsp; border-top-style: none;&nbsp; &nbsp; border-right-style: none;&nbsp; &nbsp; border-bottom-style: none;&nbsp; &nbsp; border-left-style: none;}#header {&nbsp; &nbsp; float: left;&nbsp; &nbsp; height: 170px;&nbsp; &nbsp; width: 685px;&nbsp; &nbsp; margin-top: 12px;&nbsp; &nbsp; margin-left: 15px;&nbsp; &nbsp; border-top-style: none;&nbsp; &nbsp; border-right-style: none;&nbsp; &nbsp; border-bottom-style: none;&nbsp; &nbsp; border-left-style: none;&nbsp; &nbsp; background-image: url(Bilder/Header_Hintergrund_mit_Bild%20Kopie.png);}#hauptfenster #navi {&nbsp; &nbsp; float: left;&nbsp; &nbsp; height: auto;&nbsp; &nbsp; width: 300px;&nbsp; &nbsp; margin-top: 15px;&nbsp; &nbsp; margin-left: 12px;&nbsp; &nbsp; border-top-style: none;&nbsp; &nbsp; border-right-style: none;&nbsp; &nbsp; border-bottom-style: none;&nbsp; &nbsp; border-left-style: none;}#content {&nbsp; &nbsp; float: left;&nbsp; &nbsp; height: auto;&nbsp; &nbsp; width: 685px;&nbsp; &nbsp; margin-top: 15px;&nbsp; &nbsp; margin-left: 15px;&nbsp; &nbsp; border-top-width: 0px;&nbsp; &nbsp; border-right-width: 0px;&nbsp; &nbsp; border-bottom-width: 0px;&nbsp; &nbsp; border-left-width: 0px;&nbsp; &nbsp; border-top-style: none;&nbsp; &nbsp; border-right-style: none;&nbsp; &nbsp; border-bottom-style: none;&nbsp; &nbsp; border-left-style: none;&nbsp; &nbsp; background-image: url(Bilder/content_hintergrund.png);&nbsp; &nbsp; }&nbsp; &nbsp; #content p {&nbsp; &nbsp; font-family: Verdana, Arial, Helvetica, sans-serif;&nbsp; &nbsp; font-size: 16px;&nbsp; &nbsp; margin-top: 5px;&nbsp; &nbsp; margin-right: 10px;&nbsp; &nbsp; margin-bottom: 5px;&nbsp; &nbsp; margin-left: 10px;}#Button_Tierpsychologie {&nbsp; &nbsp; margin-top: 8px;}#Button_Über_mich img {&nbsp; &nbsp; margin-top: 8px;}#Button_Arbeitsbereiche img {&nbsp; &nbsp; margin-top: 8px;}#Button_Ernährungsberatung img {&nbsp; &nbsp; margin-top: 8px;}#Button_Bachblütentherapie img {&nbsp; &nbsp; margin-top: 8px;}#Button_Leistungen img {&nbsp; &nbsp; margin-top: 8px;}#Button_Kontakt img {&nbsp; &nbsp; margin-top: 8px;}#Button_Gästebuch img {&nbsp; &nbsp; margin-top: 8px;}#Button_Impressum img {&nbsp; &nbsp; margin-top: 8px;}#content div {&nbsp; &nbsp; background-color: #FFFFFF;&nbsp; &nbsp; background-image: url(Bilder/content_hintergrund.png);&nbsp; &nbsp; background-repeat: no-repeat;}[/code]Hier die ajax.js:[code]var http = null;if (window.XMLHttpRequest)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; http = new XMLHttpRequest();&nbsp; &nbsp; }else if (window.ActiveXObject)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; http = new ActiveXObject(&quot;Microsoft.XMLHTTP&quot;);&nbsp; &nbsp; }function sndReq(url)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; if (http != null)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // http.open(&quot;POST&quot;, &quot;anfrage.php&quot;, true);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; http.open(&quot;POST&quot;, &quot;ausgabe.php&quot;, true);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; http.onreadystatechange = ausgeben;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; http.setRequestHeader(&quot;Content-Type&quot;, &quot;application/x-www-form-urlencoded&quot;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; http.send(&quot;url=&quot;+url);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }function ausgeben()&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; if (http.readyState == 4)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&quot;content&quot;).innerHTML = http.responseText;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; else&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&quot;content&quot;).innerHTML = &quot;&lt;img src=\&quot;loading.gif\&quot; width=\&quot;50\&quot; heigth=\&quot;50\&quot;&gt;&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }[/code]Hier die ausgabe.php:[code]&lt;?phpif (isset($_POST[&#039;url&#039;]))&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; $erlaubte_urls = array(&quot;startseite.html&quot;,&quot;tierpsychologie.html&quot;,&quot;ueber_mich.html&quot;,&quot;arbeitsbereiche.html&quot;,&quot;ernaehrungsberatung.html&quot;,&quot;bachbluetentherapie.html&quot;,&quot;leistungen.html&quot;,&quot;kontakt.html&quot;,&quot;gaestebuch.html&quot;,&quot;impressum.html&quot;, &quot;seite2.php&quot;, &quot;http://www.psd-tutorials.de/modules/Forum/images/seite3.gif&quot;);&nbsp; &nbsp; &nbsp; &nbsp; if (in_array($_POST[&#039;url&#039;], $erlaubte_urls))&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; echo file_get_contents($_POST[&#039;url&#039;]);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; else&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; echo &quot;&lt;h1&gt;Zugriff verweigert!&lt;/h1&gt;&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }else&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; echo &quot;Falscher Parameter!&quot;;&nbsp; &nbsp; }?&gt; [/code]Und hier die startseite.html:[code]&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&lt;head&gt;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;&lt;title&gt;Unbenanntes Dokument&lt;/title&gt;&lt;link href=&quot;content.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;&lt;/head&gt;&lt;body&gt;&nbsp; &nbsp; &lt;div id=&quot;inhalt&quot;&gt;Startseite&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;[/code]Eigentlich überflüssig:content.css:[CODE]@charset &quot;utf-8&quot;;content {&nbsp; &nbsp; height: auto;&nbsp; &nbsp; width: 682px;}[/CODE]Gruß Marc-Henry</blockquote>

[QUOTE="skyflight1981, post: 1140666, member: 92867"] [b]AW: Bereiche der Website sollen nicht neu geladen werden[/b] @sokie Vielen Dank, für den Link zu Deinem Tutorial. Mit der Hilfestellung brauche ich keine weitere Hilfe. Ich habe FlashCS3, allerdings haben wir das während des Studiums nur angekratzt. Mit dem Video sollte ein neuer Header aber kein Problem sein. Ich muss sowieso nochmal über die Bilderauswahl nachdenken. Wenn das Projekt bald akut wird poste ich meine Ergebnisse. @Chriss1987 Ich habe jetzt mal die Code-Fragmente eingearbeitet und aktualisiert. Leider habe ich noch Fehler bei der Ausgabe, ich vermute dass es an der Abfrage liegt. Ich bin noch nicht soweit dass ich die Hintergründe kenne warum man nur bestimmte bei der Ausgabe zulässt. Kann man hier manipulieren? Kann man das Menü noch mit Mouseover-Effekten ergänzen? Ich habe Glasbuttons die beim überfahren sich farblich ändern sollen. Geht dass noch mit dem Ajax-Code? Ich poste mal den Quellcode meiner Dateien, Screenshots folgen die Tage mal. Hier die index.html: [code]<!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>Kathis Seite</title> <link href="kathis_website01.css" rel="stylesheet" type="text/css" /> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </head> <body>  <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_Startseite"><img src="Bilder/Buttons_neu/Button_Startseite Kopie.png" alt="Startseite" onCl"sndReq('startseite.html')" /></div> <div id="Button_Tierpsychologie"><img src="Bilder/Buttons_neu/Button_Tierpsychologie Kopie.png" alt="Tierpsychologie" onClick="sndReq('tierpsychologie.html')" /></div> <div id="Button_Über_mich"><img src="Bilder/Buttons_neu/Button_Über_mich Kopie.png" alt="Über mich" onClick="sndReq('ueber_mich.html')" /></div> <div id="Button_Arbeitsbereiche"><img src="Bilder/Buttons_neu/Button_Arbeitsbereiche Kopie.png" alt="Arbeitsbereiche" onClick="sndReq('arbeitsbereiche.html')" /></div> <div id="Button_Ernährungsberatung"><img src="Bilder/Buttons_neu/Button_Ernährungsberatung Kopie.png" alt="Ernährungsberatung" onClick="sndReq('ernaehrungsberatung.html')" /></div> <div id="Button_Bachblütentherapie"><img src="Bilder/Buttons_neu/Button_Bachblütentherapie Kopie.png" alt="Bachblütentherapie" onClick="sndReq('bachbluetentherapie.html')" /></div> <div id="Button_Leistungen"><img src="Bilder/Buttons_neu/Button_Leistungen Kopie.png" alt="Leistungen" onClick="sndReq('leistungen.html')" /></div> <div id="Button_Kontakt"><img src="Bilder/Buttons_neu/Button_Kontakt Kopie.png" alt="Kontakt" onClick="sndReq('kontakt.html')" /></div> <div id="Button_Gästebuch"><img src="Bilder/Buttons_neu/Button_Gästebuch Kopie.png" alt="Gästebuch" onClick="sndReq('gaestebuch.html')" /></div> <div id="Button_Impressum"><img src="Bilder/Buttons_neu/Button_Impressum Kopie.png" alt="Impressum" onClick="sndReq('impressum.html')" /></div></div> <div id="content"> </div> </div> </body> </html>[/code]Hier die stylesheet.css: [code]@charset "utf-8"; body { background-image: url(Bilder/Kathis_Website_Hintergrund.gif); background-repeat: repeat-x; margin: 0px; padding: 0px; } #hauptfenster { width: 1024px; float: none; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border: 0px none #000000; } #karte { float: left; height: 170px; width: 300px; margin-left: 12px; margin-top: 12px; background-image: url(Bilder/karte_hintergrund.png); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #header { float: left; height: 170px; width: 685px; margin-top: 12px; margin-left: 15px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-image: url(Bilder/Header_Hintergrund_mit_Bild%20Kopie.png); } #hauptfenster #navi { float: left; height: auto; width: 300px; margin-top: 15px; margin-left: 12px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #content { float: left; height: auto; width: 685px; margin-top: 15px; margin-left: 15px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-image: url(Bilder/content_hintergrund.png); } #content p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; } #Button_Tierpsychologie { margin-top: 8px; } #Button_Über_mich img { margin-top: 8px; } #Button_Arbeitsbereiche img { margin-top: 8px; } #Button_Ernährungsberatung img { margin-top: 8px; } #Button_Bachblütentherapie img { margin-top: 8px; } #Button_Leistungen img { margin-top: 8px; } #Button_Kontakt img { margin-top: 8px; } #Button_Gästebuch img { margin-top: 8px; } #Button_Impressum img { margin-top: 8px; } #content div { background-color: #FFFFFF; background-image: url(Bilder/content_hintergrund.png); background-repeat: no-repeat; } [/code]Hier 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("POST", "ausgabe.php", true); http.onreadystatechange = ausgeben; http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); http.send("url="+url); } } 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\">"; } }[/code]Hier die ausgabe.php: [code]<?php if (isset($_POST['url'])) { $erlaubte_urls = array("startseite.html","tierpsychologie.html","ueber_mich.html","arbeitsbereiche.html","ernaehrungsberatung.html","bachbluetentherapie.html","leistungen.html","kontakt.html","gaestebuch.html","impressum.html", "seite2.php", "http://www.psd-tutorials.de/modules/Forum/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!"; } ?> [/code]Und hier die startseite.html: [code]<!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>Unbenanntes Dokument</title> <link href="content.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="inhalt">Startseite</div> </body> </html> [/code]Eigentlich überflüssig: content.css: [CODE]@charset "utf-8"; content { height: auto; width: 682px; }[/CODE] Gruß Marc-Henry [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?