Есть функция которая делает AJAX запрос на другую страницу и берет оттуда js который затем выполняется
function view_win()
{
var oXmlHttp = new XMLHttpRequest();
oXmlHttp.open("GET", URL, true);
oXmlHttp.setRequestHeader('X-Requested-With','XMLHttpRequest');
oXmlHttp.onreadystatechange = function()
{
if(oXmlHttp.readyState == 4)
{
if(oXmlHttp.status == 200)
{
document.getElementById('win_<?php print $other_video['id_video'];?>').style.display = '';
var x = oXmlHttp.responseText; // Присваиваете результат работы переменной
var y = document.createElement('script'); //Создаёте новый тег <SCRIPT>
y.defer = true; //Даём разрешение на исполнение скрипта после его "приживления" на странице
y.text = x; //Записываете полученный от сервера "набор символов" как JS-код
document.body.appendChild (y); //"Приживляете" тег <SCRIPT> // это делается вместо document.getElementById(id).innerHTML = ...
}
else
{
}
}
};
oXmlHttp.send(null);
}
Все работает, но не так как нужно, если на странице один элемент (один экземпляр этой функции) на который вешается эта функция, данные возвращаются правильные, если же элементов больше (несколько экземпляров этой функции) то она возвращает данные от первого элемента и затем присваивает эти данные всем элементам.
Как можно вызывать эту функцию с новыми данными для нового элемента?? Вызывается она по click()
<a href="javascript
:void(0)" class="main_info_title" onclick="view_win()"></a>
Гуглил, говорилось что то про callback(), но как его правильно сделать?