Javascript not loading another page into DIV

Question

I am having some troubles today. I am trying to get Javascript to load content into a <div> . Now, this is my JavaScript source code:

function loadXMLDoc(filename) {
    var xmlhttp;
    if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
    } else {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            after_load_function(xmlhttp.responseText);
        }
    }
    xmlhttp.open("GET", filename, true);
    xmlhttp.send();
}

function after_load_function(responseText) {
    document.getElementById("right").innerHTML = responseText;
}

window.onload = function () {
    loadXMLDoc("welcome.html");
}

And my div:

<div id="right"></div>

Does anyone know the problem?

Answer 1

Is there any reason you aren't using an abstraction like the JQuery load method ?

$( document ).ready(function() {
    $("#right").load( "welcome.html" );
})

looks pretty good to me.

Answer 2

Just had a similar issue, here is what I have and it seems to be working really well,

HTML:

<html>
<head>
    <title> pageOne </title>
    <script src="jquery-1.11.1.min.js"></script>
</head>

<body>

    <input class='loadBtn' type='submit' value='Load a Different Page!:'>

    <div id="page"></div>

</body>
</html>

JS:

//click function:
$(".loadBtn").click(function(){

        //div to hide/replace
        $('#page')

            //fadeOut div content:
            .delay(200).fadeOut('slow')

            //load method:
            .load

            //url #divToReplace
            ('pageTwo.php #page')

            //fadeIn new div content:
            .hide().delay(300).fadeIn('slow');

        //prevent default browser behavior
        return false;
    });

Javascript not loading another page into DIV

Question

2 answers

solution1
4 ACCPTED 2013-10-27 03:20:41

solution2
0 2014-08-12 18:03:54

Javascript not loading another page into DIV

Question

2 answers

solution1 4 ACCPTED 2013-10-27 03:20:41

solution2 0 2014-08-12 18:03:54

solution1
4 ACCPTED 2013-10-27 03:20:41

solution2
0 2014-08-12 18:03:54