[Erledigt] Datei via Ajax in zwei Boxen laden

Lenni.B · 24.02.2009, 20:09

Hey Leute,

erstmal ein sehr schönes Forum habt ihr da

.
Ich habe im Forum gesucht, aber leider nichts gefunden und ich weiß auch nicht wie ich sowas beschreiben soll.

jetzt zu meinem Problem. Ich habe auf meiner Homepage zwei Boxen (Content und More). Ich den Content-Bereich wird die Hauptinhalt geladen und in dem More-Bereich sollen Zusätze stehen. Sobald man also jetzt auf einen Link klickt soll die Datei via Ajax geladen werden und dann je nach GET-Parametern der Bereich.

Ich habe schon ein Script geschrieben, ganz einfach und simpel zum testen. Über eine Funktion wird der Ajax-Aufruf gestartet und ich kann mir aussuchen, ob die Datei in einer oder in zwei Boxen geladen. Wenn ich nur in die Hauptbox was laden möchte, funktioniert alles einwandfrei, möchte ich in beide, dann wird nur Inhalt in der zweiten angezeigt.

Hier mein Quelltext:

Hier wird die Funktion aufgerufen: true=zwei | false=eine

Code:

<a href="index.php?site=contact" title="Contact" onclick="return sendRequest('true', 'ctext', 'contact.php');">Kontakt</a>

Hier meine Funktion:

Code:

var sres = '';
var req = '';

function createXMLHttpRequest()
{
        var request;
        if(window.XMLHttpRequest)
        {
                try
                {
                        request = new XMLHttpRequest();
                }
                catch(e)
                {
                        request = false;
                }
        }
        else if(window.ActiveXObject)
        {
                try
                {
                        request = new ActiveXObject("Microsoft.XMLHTTP");
                }
                catch(e)
                {
                        request = false;
                }
        }
        return request;
}

function sendRequest(mode, element, url)
{
        if(mode == 'false')
        {
                sres = element;
                req = createXMLHttpRequest();
                req.open('GET', url+'?mode=main', true);
                req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
                req.onreadystatechange = handleResponse;
                req.send(null);
        }
        else
        {
                sres = element;
                req = createXMLHttpRequest();
                req.open('GET', url, true);
                req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
                req.onreadystatechange = handleResponse;
                req.send(null);

                sres = 'mtext'
                req = createXMLHttpRequest();
                req.open('GET', url+'?mode=more', true);
                req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
                req.onreadystatechange = handleResponse;
                req.send(null);
        }

        return false;
}

function handleResponse()
{
        element = sres;
        if(req.readyState == 4)
        {
                document.getElementById(element).innerHTML = req.responseText;
        }
}

Meine PHP-Datei stelle ich mir so vor:

Code:

<?php

if($_GET['mode' == 'main']
{

}
else if($_GET['mode' == 'more']
{

}
?>

ich habe schon lange Zei bei google verbacht, aber auch dort nichts gefunden.

Ich hoffe ihr könnte mir helfen.

Danke im voraus.

Mit freundlichen Grüßen

EDIT:
Ich habe heute mittag nicht Zuhause gearbeitet und hatten einen IE6. Bei Tests hat eigentlich alles funktioniert. Zuhause dann nicht mehr. Ich habe auch nichts mehr geändert

nikosch · 24.02.2009, 20:40

Und die Frage ist?

Lenni.B · 25.02.2009, 08:02

warum der inhalt nur in der zweiten box geladen wird und nicht in der ersten.

Code:

                sres = element;
                req = createXMLHttpRequest();
                req.open('GET', url, true);
                req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
                req.onreadystatechange = handleResponse;
                req.send(null);

                sres = 'mtext'
                req = createXMLHttpRequest();
                req.open('GET', url+'?mode=more', true);
                req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
                req.onreadystatechange = handleResponse;
                req.send(null);

Die erste Box lässt er leer und die zweite befüllt er. Wenn ich das Script im IE 6 teste, dann wird der Inhalt in beide Boxen geschrieben

agrajag · 25.02.2009, 09:57

Vermutlich setzt du die Inhalte in der Funktion handleResponse() in die Boxen?

Ich würde mal sagen: Durch das überschreiben von "req" mit dem zweiten Request verlierst du auch den Eventlistener "onreadystatechange" und deine handleResponse wird für den ersten Request nie ausgeführt...

Lenni.B · 25.02.2009, 11:28

ok danke,

du hattest Recht mit deiner Vermutung. Nachdem ich req2 verwendet haben, funktioniert alles einwandfrei.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
form action in include datei bei ajax	Jojo_44	JavaScript, Ajax und mehr	17	24.01.2009 18:12
[Erledigt] Hochgeladene Datei wird doppelt abgelegt	thecracked	PHP Tipps 2008	3	01.07.2008 16:31
[Erledigt] Datei mit &amp;amp;amp;quot;w&amp;amp;amp;quot; schreiben -&amp;amp;amp;gt		PHP-Fortgeschrittene	17	30.12.2005 13:58
Datei aus anderem Verzeichnis laden klappt nicht..		PHP Tipps 2005-2	0	13.10.2005 00:36
Datei auf FTP-Server ändern ohne lokal abzuspeichern	faux	PHP-Fortgeschrittene	11	02.09.2005 11:54
20mb große datei auf server laden	bratwurstschorsch	PHP Tipps 2005-2	27	29.08.2005 15:18
Datei mehrmals öffnen und schließen in einem Skript		PHP Tipps 2005-2	14	14.07.2005 18:12
Ordner Struktur auslesen bestimmte datei finden ....	silverghost	PHP Tipps 2005	3	24.05.2005 13:55
Includete Datei nicht gleich ausgeben	Madden	PHP-Fortgeschrittene	1	12.05.2005 00:19
Dynamisch Javascript aus seperater Datei laden	DerDesian	PHP Tipps 2005	3	08.05.2005 00:45
Datei auf einen anderen Server laden	Borlox	PHP Tipps 2005	3	25.04.2005 20:12
.txt Datei in Textarea laden und aktualisieren		PHP Tipps 2005	12	12.01.2005 19:19
[Erledigt] datei editieren		PHP Tipps 2004	1	10.09.2004 20:33
(ich schonwieder) Link seite automatisch	imported_DJ Nuno	PHP Tipps 2004	14	19.08.2004 17:42
Wie kann ich eine PHP Datei in eine HTML Datei umwandeln		PHP Tipps 2004	2	12.08.2004 18:04

24.02.2009, 20:09
Lenni.B Neuer Benutzer Registriert seit: 24.02.2009 Beiträge: 3	[Erledigt] Datei via Ajax in zwei Boxen laden Hey Leute, erstmal ein sehr schönes Forum habt ihr da . Ich habe im Forum gesucht, aber leider nichts gefunden und ich weiß auch nicht wie ich sowas beschreiben soll. jetzt zu meinem Problem. Ich habe auf meiner Homepage zwei Boxen (Content und More). Ich den Content-Bereich wird die Hauptinhalt geladen und in dem More-Bereich sollen Zusätze stehen. Sobald man also jetzt auf einen Link klickt soll die Datei via Ajax geladen werden und dann je nach GET-Parametern der Bereich. Ich habe schon ein Script geschrieben, ganz einfach und simpel zum testen. Über eine Funktion wird der Ajax-Aufruf gestartet und ich kann mir aussuchen, ob die Datei in einer oder in zwei Boxen geladen. Wenn ich nur in die Hauptbox was laden möchte, funktioniert alles einwandfrei, möchte ich in beide, dann wird nur Inhalt in der zweiten angezeigt. Hier mein Quelltext: Hier wird die Funktion aufgerufen: true=zwei \| false=eine Code: <a href="index.php?site=contact" title="Contact" onclick="return sendRequest('true', 'ctext', 'contact.php');">Kontakt</a> Hier meine Funktion: Code: var sres = ''; var req = ''; function createXMLHttpRequest() { var request; if(window.XMLHttpRequest) { try { request = new XMLHttpRequest(); } catch(e) { request = false; } } else if(window.ActiveXObject) { try { request = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) { request = false; } } return request; } function sendRequest(mode, element, url) { if(mode == 'false') { sres = element; req = createXMLHttpRequest(); req.open('GET', url+'?mode=main', true); req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); req.onreadystatechange = handleResponse; req.send(null); } else { sres = element; req = createXMLHttpRequest(); req.open('GET', url, true); req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); req.onreadystatechange = handleResponse; req.send(null); sres = 'mtext' req = createXMLHttpRequest(); req.open('GET', url+'?mode=more', true); req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); req.onreadystatechange = handleResponse; req.send(null); } return false; } function handleResponse() { element = sres; if(req.readyState == 4) { document.getElementById(element).innerHTML = req.responseText; } } Meine PHP-Datei stelle ich mir so vor: Code: <?php if($_GET['mode' == 'main'] { } else if($_GET['mode' == 'more'] { } ?> ich habe schon lange Zei bei google verbacht, aber auch dort nichts gefunden. Ich hoffe ihr könnte mir helfen. Danke im voraus. Mit freundlichen Grüßen EDIT: Ich habe heute mittag nicht Zuhause gearbeitet und hatten einen IE6. Bei Tests hat eigentlich alles funktioniert. Zuhause dann nicht mehr. Ich habe auch nichts mehr geändert Geändert von Lenni.B (24.02.2009 um 20:13 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

24.02.2009, 20:40
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Und die Frage ist? __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

25.02.2009, 09:57
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	Vermutlich setzt du die Inhalte in der Funktion handleResponse() in die Boxen? Ich würde mal sagen: Durch das überschreiben von "req" mit dem zweiten Request verlierst du auch den Eventlistener "onreadystatechange" und deine handleResponse wird für den ersten Request nie ausgeführt... __________________ Today you...Tomorrow me.

25.02.2009, 11:28
Lenni.B Neuer Benutzer Registriert seit: 24.02.2009 Beiträge: 3	ok danke, du hattest Recht mit deiner Vermutung. Nachdem ich req2 verwendet haben, funktioniert alles einwandfrei.