Обновление информации
 

var showUpTo = 0;

function nextPage() {
    for (var i = showUpTo; i < (showUpTo + 30); i++) {
        document.write('showUpTo is lower than' + i + '<br />');
        // document.getElementById('listing').innerHTML = 'jora + ' + i;
    };
    				
    showUpTo += 30;
};

Доброго времени господа! Как можно при вызове функции nextPage() обновить информацию не переходя на новую страницу? При использовании document.write при открытии странички всё нормально, но при нажатии кнопки и соответсвенно вызове функции, страничка грузится заново, и остаётся только новая инфа, без других элементов. При использовании document.getElementById('listing').innerHTML получаю лишь один "последний" элемент, но при вызове получаю второй "последний" элемент вместо всех 30. Как решить проблему?