Прошу помощи в доработке этого кода:
<link rel="stylesheet" href="http://wowcss.zamimg.com/css/basic.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
<form class="form-inline" id="search">
<input type="number" name="itemID">
<button type="submit">Поиск</button>
</form>
<div class="result">
<div id="item">
</div>
</div>
<script>
(function ()
{
function urlWowHead(itemID)
{
return "http://ru.wowhead.com/item=" + itemID + "&power";
}
window.$WowheadPower =
{
result: '.result',
item: {
icon: '',
},
registerItem: function (itemID, int, tooltip)
{
if (tooltip.icon === undefined)
{
$(this.result).append('<p class="text-info"> Не найдено!</p>');
setTimeout(function ()
{
$('.text-info').remove();
}, 1000);
} else
{
var el = '<p><img src="https://wowimg.zamimg.com/images/wow/icons/large/' + tooltip.icon + '.jpg"></p>';
$('#item').html(el);
}
},
getItem: function (itemID)
{
$.ajax({
url: urlWowHead(itemID),
dataType: 'script',
cache: false,
beforeSend: function ()
{
$(this.result).append('<i class="loader">поиск</i>');
},
complete: function (jqXHR, textStatus)
{
if (textStatus == 'success') {
$('.loader').remove();
}
}
});
}
};
window.onload = function ()
{
$('#search').submit(function (e)
{
e.preventDefault();
var id = parseInt($('input[name="itemID"]').val());
$WowheadPower.getItem(id, '#item');
});
};
}());
</script>
В этом коде в инпут вводится ID и при нажатии кнопки "Поиск" получаем изображение по этому ID
У меня есть другой файл, из которо я хочу к этому парсеру передать через get запрос переменную ID, и чтобы парсер обработал ее автоматически, не вводя его в инпут и без нажатия кнопки.
Подскажите как это реализовать?
p.s. извиняюсь, если не в тот раздел
