Показать сообщение отдельно
  #1 (permalink)  
Старый 13.10.2015, 00:29
Интересующийся
Отправить личное сообщение для 6stprod Посмотреть профиль Найти все сообщения от 6stprod
 
Регистрация: 12.03.2014
Сообщений: 11

onload обработка get запроса
Прошу помощи в доработке этого кода:
<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. извиняюсь, если не в тот раздел
Ответить с цитированием