Links in <div>-Container laden ohe Frames zu verwenden - Seite 7

luckyluke · #61 (**permalink**) 02.05.2008, 22:53

hm, wäre das mit der display:none Variante denn praktisch um Inhalte zu editieren? So ists halt praktisch, weil die Inhalte in sehr sehr simplen html Teildateien gespeichert sind und so auch von einem "Laien" editiert werden können...

Wie würde das trotz allem denn gehen, wie kann ich mehrere inhalte übereinander legen, ohne dass es mir das Layout zerreist, schreibe ich die alle ins gleiche div rein?

cgdesign · #62 (**permalink**) 02.05.2008, 23:57

Ich meinte sowas in der Art hier: http://support.internetconnection.ne...how_Hide.shtml und dann die Inhalte via readfile einlesen, sodass eben noch jeder leicht die Inhalte ändern könnte. Aber das würde trotzdem zu viel werden, ist auch keine richtige Lösung, also lieber warten, bis die Shadowbox-Entwickler was von sich geben.

Kitsumi · #63 (**permalink**) 26.05.2008, 11:03

Hallo,
Ich habe auch die php und Javascript Variante von Denis Proske benutzt um Inhalt zu öffnen ohne die ganze Seite neu zu laden. Das funktioniert auch ganz prima: Seniorenbüro Roderbruch

Jetzt möchte ich aber nicht für jeden Link der Homepage extra in output.php so ein case-Teil erstellen. Das werden doch dann unendlich viele. Man müsste dort irgendwo eine Variable einfügen so dass er diesen Befehl je nach Link neu schreibt. Da ich aber leider keine richtige Ahnung von php habe, bräuchte ich vielleicht ein wenig anregung.

So sieht ein Link aus:

Code:

<a href="javascript:void(0);" onClick="sndReq('getNews');">Neuigkeiten</a>

So sieht das Javascript aus:

Code:

function createRequestObject() { 
    var ro; 
    var browser = navigator.appName; 
    if(browser == "Microsoft Internet Explorer"){ 
        ro = new ActiveXObject("Microsoft.XMLHTTP"); 
    }else{ 
        ro = new XMLHttpRequest(); 
    } 
    return ro; 
} 

var http = createRequestObject(); 

function sndReq(action) { 
    http.open('get', 'output.php?action='+action); 
    http.onreadystatechange = handleResponse; 
    http.send(null); 
} 

function handleResponse() { 
    if(http.readyState == 4){ 
        var response = http.responseText; 
        var update = new Array(); 

        if(response.indexOf('|' != -1)) { 
            update = response.split('|'); 
            document.getElementById(update[0]).innerHTML = update[1]; 
        } 
    } 
}

Und so die php-Datei

PHP-Code:


			
<?php

switch($_REQUEST['action']) {

  default:

  case 'getHome':

    $filename = 'home.html';

    break;

  case 'getKontakt':

    $filename = 'kontakt.html';

    break;  

  case 'getNews':

    $filename = 'neuigkeiten/news.html';

    break;

  case 'getTermine':

    $filename = 'termine/termine.html';

    break;

  case 'getTeam':

    $filename = 'team/team.html';

    break;  



}

$handle = fopen($filename, 'r');

$content = fread($handle, filesize($filename));

fclose ($handle);

echo 'content|'.$content;

?>

cgdesign · #64 (**permalink**) 26.05.2008, 11:50

Du könntest auch gleich den Pfad zur HTML-Datei angeben.

Code:

<a href="javascript:void(0);" onclick="sndReq('home.html');">Neuigkeiten</a>

PHP-Code:


			
<?php
$handle = fopen($_REQUEST['action'], 'r');
$content = fread($handle, filesize($filename));
fclose ($handle);
echo 'content|'.$content;
?>

Halt ungetestet.

Kitsumi · #65 (**permalink**) 26.05.2008, 12:09

Danke für die Antwort, aber leider funktioniert es so nicht. Jetzt findet er den Inhalt gar nicht mehr.

cgdesign · #66 (**permalink**) 26.05.2008, 12:22

Verstehe, da er ja den Dateinamen mit dem . mit übergibt.
Man könnte versuchen mittels encodeURI das umzuwandeln.

Code:

function sndReq(action) { 
    http.open('get', 'output.php?action='+encodeURI(action)); 
    http.onreadystatechange = handleResponse; 
    http.send(null); 
}

Würde das funktionieren?
Ansonsten machen wir das komplett anders.

Kitsumi · #67 (**permalink**) 26.05.2008, 12:34

Leider funktioniert das auch nicht. Er findet immer noch nichts. Der Browser sagt der Fehler liegt hier:

document.getElementById(update[0]).innerHTML = update[1]; ist Null oder kein Objekt (has no properties)

----Edit----
Könnte man das .html nicht ganz weglassen und erst am Ende (in der output.php?) wieder anfügen?

cgdesign · #68 (**permalink**) 26.05.2008, 13:18

Ich habe mal ein Beispiel erstellt, bei mir geht es ohne Probleme:

Ajax - 2 Inhalte gleichzeitig laden

Inhalt der output.php

PHP-Code:


			
<?php
include($_GET['s']);
?>

Kitsumi · #69 (**permalink**) 26.05.2008, 13:36

Super!!! Es funktioniert. Danke!!!

stefetrucki · #70 (**permalink**) 25.11.2008, 16:58

hi, ich hab da auch mal was gecoded funktioniert im Firefox einwandfrei nur im IE kommt nix,...

PHP-Code:


			
function macheRequest(src) {

http_request = false;

if (window.XMLHttpRequest) {

   http_request = new XMLHttpRequest();

   if (http_request.overrideMimeType) {

      http_request.overrideMimeType('text/xml');

   }

    } else if (window.ActiveXObject) { // IE

    try {

       http_request = new ActiveXObject("Msxml2.XMLHTTP");

    } catch (e) {

    try {

       http_request = new ActiveXObject("Microsoft.XMLHTTP");

    } catch (e) {}

    }

    }

   if (!http_request) {

       alert('Das Request Objekt konnte nicht erzeugt werden! Bitte ueberpruefen Sie Ihre JAVA Einstellungen!');

        return false;

    }

   

   http_request.onreadystatechange = show;

   http_request.open('GET', src+'.php', true);

   http_request.send(null);

}





function show() {

if (http_request.readyState == 4) {



      document.getElementById("inhalt").innerHTML = http_request.responseText;



}

}

Seit edazu stefantrucker.kilu.de

zum link testen nur die untere halbtransparente libnkbar verwenden am besten die 3 ganz rechts,...
würde mich sehr über support freuen Thanks

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Elemente in einem Div Container links & rechts ausrichte	oliwa	CSS	8	16.07.2004 14:39
Problem bei Positionierung eines <div> im Container	Robse	CSS	2	12.06.2004 12:43
<div> container ausrichten. IE6 u. Mozilla1.6	scan	CSS	3	04.03.2004 13:16
<div> container verschwindet?!	Gilbert	CSS	3	30.09.2003 13:55
<div> container dynamisch vergrößern	Anonymous	CSS	7	27.07.2003 11:40