AJAX Fehler im IE

[zombienoxx]

Hi leute,

ich habe auf meiner seite einen seltsamen Fehler. Im FF wird alles normal angezeigt mit samt den Animationen, im IE funktionieren die Animation auch, aber es wird der Inhalt nur noch für "Works" angezeigt.

Link zur Problempage: http://test.envo-media.de

Weiß jemand wo das Problem liegt bzw. kann mir jemand einen Hinweiß geben? Die Fehler Nachricht wird auch nicht ausgegeben.

Hier ist der AJAX-Code (habe ich zusammengebstelt von Tutorials und abgeändert, habe leider noch nicht soviel Ahnung von JS):

PHP-Code:

/*
Applikation: AJAX
Autor: Marco Bunge
Zustand: Stabil
Version: 1.4
Copyright: en.vo Media, Marco Bunge
*/

//funktionen zum steuern von AJAX();
function explode(delimiter, string){
    return string.split(delimiter);
}

function defineVar(getVar, arr){
    
    var arrAnz = arr.length-1;
    
    for(var i = 0;i<= arrAnz;i++){
        var expArr = explode(':',arr[i]);
        
        if(expArr[0] == getVar){
            var setVarVal = expArr[1];
        }
    }
    
    return setVarVal;
}

//AJAX
function AJAX(){
    //variablen werden deklariert    
    var id = defineVar('id',arguments);
    var file = defineVar('url',arguments);
    var method = defineVar('method',arguments);
    var asyncronString = defineVar('asyncron',arguments);
    var opt = defineVar('opt',arguments);
    
    if(asyncronString == 'true'){
        asyncron = true;
    }else if(asyncronString == 'false'){
        asyncron = false;
    }
    
    //fehlernachricht    
    var errormsg = 'Es ist ein Fehler aufgetreten. Bitte informieren sie den Webmaster. <a href="mailto:webmaster@envo-media.de">webmaster@envo-media.de</a>';
    
    //erstellen des requests
    var req = null;
    
    try{
        req = new XMLHttpRequest();
    }
    catch (ms){
        try{
            req = new ActiveXObject("Msxml2.XMLHTTP");
        } 
        catch (nonms){
            try{
                req = new ActiveXObject("Microsoft.XMLHTTP");
            } 
            catch (failed){
                req = null;
            }
        }  
    }
    
    if (req == null)
          //alert("Error creating request object!");
          document.getElementById(id).innerHTML = "0: "+errorMsg+"\n Status: "+req.status;
      
      //anfrage erstellen (GET, url ist localhost,
      //request ist asynchron 
      req.open("GET", file, true);
    
    //Beim abschliessen des request wird diese Funktion ausgeführt
    req.onreadystatechange = function(){            
        switch(req.readyState) {
                case 4:
                if(req.status!=200) {
                    //alert("Fehler: "+req.status);
                    //1: 
                    if(opt=="window"){
                        alert("1: "+errorMsg+"\n Status: "+req.status);
                    }else{
                        document.getElementById(id).innerHTML = "1: "+errorMsg+"\n Status: "+req.status;
                    }
                    
                }else{    
                     
                    if(opt=="window"){
                        //es wird ein fenster ausgegeben
                        alert(req.responseText);
                    }else{
                        //schreibe die antwort in das Element mit der id
                        document.getElementById(id).innerHTML = req.responseText;
                    }
                }
                break;
        
                default:
                    return false;
                break;     
            }
        };
    
      req.setRequestHeader("Content-Type",
                          "application/x-www-form-urlencoded");
    req.send(null);
}

//ausgabe als datei
function getFile(url,id){
    var setId = "id:"+id;
    var setUrl = "url:"+url;
    var setMethod = "method:GET";
    var setAsyncron = "asyncron:true";
    var setOpt = 'off';
    //alert("set: "+setId);
    
    AJAX(setId,setUrl,setMethod,setAsyncron,setOpt);
} 


Vielen Dank im Vorraus.

Edit:// Ich habe herausgefunden, das Text in Tags nicht ausgegeben wird.
Links zu den Seiten, die Angezeigt werden sollen:
http://test.envo-media.de/content/contact.html
http://test.envo-media.de/content/works.html
http://test.envo-media.de/content/info.html


MfG

[Nightflyer]

Machs mit einem Framework: http://docs.jquery.com/Ajax/jQuery.g...tacallbacktype

Einmal etwas eingearbeitet nimmt dir das die ganze Arbeit ab

[zombienoxx]

Danke, ich werde es mal einarbeiten.

Liegt es am Script, dass die Dateien nicht (richtig) angezeigt werden?

MfG

[zombienoxx]

Hi, ich habe jetzt herausgefunden, dass die Ausgabe an innerHTML scheitert, weil IE abricht sobald ein "<" im Text ist.

Nun habe ich was über DOM und nodes gelesen, wurde daraus aber nicht schlau. Gibt es eine alternative zu innerHTML, bzw kann man innerHTML simulieren?

In innerHTML soll eine Datei eingebunden werden und in einem P-tag ausgegeben:

Hier wird der inhalt ausgegeben.

<div class="content" id="Information" style="display:none;">
  <p style="margin:10px;" id="infoOutput"></p>
</div>
<div class="content" id="Works" style="display:none;">
  <p style="margin:10px;" id="worksOutput"></p>
</div>
<div class="content" id="Contact" style="display:none;">
  <p style="margin:10px;" id="contactOutput"></p>
</div>

MfG

[boreker]

alternative zu innerHTML waere vielleicht document.write
http://de.selfhtml.org/navigation/su...hanfrage=write

ob dich das weiterbringt weiss ich nicht.

vielleicht hilft auch die funktion excape()
http://de.selfhtml.org/navigation/su...hanfrage=write
aber ich glaube damit werden deine htmltags dann als text dargestellt.

viel glueck, boreker

ps: der hat das gleiche problem ohne lösung:
http://www.ajax-community.de/sonstig...setext-ie.html

[zombienoxx]

Hi,

ich habe das Problem gelößt indem ich die AJAX Methode von jQuery eingebunden habe. innerHTML war mir zu instabil in Verbindung mit dem IE.

document.write habe auch ausprobiert, aber dank jQuery ist das überflüssig geworden.

Vielen Dank
MfG

[Nightflyer]

Hab dir extra keine Antwort mehr geschrieben da ich diese ( JQuery) bereits gegeben hatte. Schön dass du doch noch auf den Pfad des Lichts gefunden hast.