problem ajaxa w chromie

pytanie zadane 8 lipca 2015 w JavaScript przez JakisCwaniak Początkujący (350 p.)

witam, mam następujący problem, poniższy kod ma za zadanie wrzucić na stronkę diva z listą, po naciśnięciu linka. Tak się dokładnie dzieje w Firefoxie. Problem pojawia się w Chromie. Tworzy mi się co prawda div, ale z id 'window-resizer-tooltip', którego nie nadawałem, oraz lista pojawia się w prawym dolnym rogu, z narzuconym stylem, ale tylko gdy zmieniam wielkość okna przeglądarki (inaczej jest niewidoczna), na chwilę się pojawia i po kilku sekundach nadawany jest jej display:none. O co chodzi?

HTML 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Learning Ajax</title>
</head>
<body>
    <h1>Learning Ajax</h1>

    <a href="files/ajax.html">Load Ajax Html File</a>

    <script src="js/main.js"></script>
</body>
</html>


Javascript

(function(){

    var link= document.getElementsByTagName('a')[0];

    link.onclick = function(e) {
        e.preventDefault();
        //XHR object
        var xhr = new XMLHttpRequest();

        // handle the 'onreadystatechange' event
        // xhr.readyState property value
        // 0 = hasn't been opened yet
        // 1 = still loading
        // 2 = loaded
        // 3 = interactive
        // 4 = finished

        xhr.onreadystatechange = function(){
            if ((xhr.readyState == 4) && (xhr.status == 200 || xhr.status == 304)){

                var body = document.getElementsByTagName('body')[0];
                var d = document.createElement('div');
                body.appendChild(d);

                var div = document.getElementsByTagName('div')[0];
                div.innerHTML = xhr.responseText;
            }
        };

        // open the request

        xhr.open("GET", "files/ajax.html", true);

        // send the request
        xhr.send(null)

    };

})();

1 odpowiedź

odpowiedź 8 lipca 2015 przez hypothermi Obywatel (1,170 p.)

Wrzuć całość na plnkr.co, bo tak ciężko stwierdzić. :P

http://plnkr.co/edit/s5Tx3RdYPx5cbDmgDz5g?p=preview

komentarz 8 lipca 2015 przez JakisCwaniak Początkujący (350 p.)
edycja 8 lipca 2015 przez JakisCwaniak

Sprawdziłem to co wrzuciłeś na plnkr.co i działa wszystko cacy. Natomiast jak odpalam przez Wampa w chromie to mi odwala to co napisałem powyżej.

W web dev tools tworzy mi to co chcę, tyle że tego nie widać x[