[Exhaust_]

Классно, но есть одна проблема. Как разместить несколько таких блоков на одной странице? В коде ниже когда я кликаю по первой ссылке, загружается файл k1.html, когда по второй i2.html, когда снова по первой - k3.html, а нужно k2.html.

<div id="k">
</div>
<a href="javascript://" onclick="loadpagek(this);">Загрузить</a>
<script type="text/javascript">
    var counter = 1;
    function loadpagek(a) {
        if (counter == 16) a.parentNode.removeChild(a);
        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function () {
            if (xhr.readyState != 4 || xhr.status != 200) return;
            var page = document.createElement("DIV");
            page.innerHTML = xhr.responseText;
            document.getElementById("k").appendChild(page);
        };
        xhr.open("GET", "k" + counter++ + ".html", true);
        xhr.send(null);
    }
</script>

<div id="i">
</div>
<a href="javascript://" onclick="loadpagei(this);">Загрузить</a>
<script type="text/javascript">
    var counter = 1;
    function loadpagei(a) {
        if (counter == 12) a.parentNode.removeChild(a);
        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function () {
            if (xhr.readyState != 4 || xhr.status != 200) return;
            var page = document.createElement("DIV");
            page.innerHTML = xhr.responseText;
            document.getElementById("i").appendChild(page);
        };
        xhr.open("GET", "i" + counter++ + ".html", true);
        xhr.send(null);
    }
</script>