Есть такой вот код:
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Embedded Google Image Selector</title>
<link rel="stylesheet" href="http://play.lucienpiccard.com.ua/grabtest/css/reset.min.css">
<link rel="stylesheet" href="http://play.lucienpiccard.com.ua/grabtest/css/style.css">
<script src="js/prefixfree.min.js"></script>
</head>
<body>
<ul class="finder">
<li>
<input id="query" type="search" value="cat" placeholder="Начинаем вводить теги...">
<input id="button" type="button" value="поиск">
</li>
<li class="poster"></li>
<li class="trailer"></li>
<li class="descr"><p></p></li>
</ul>
<input id="imgUrl" type="text" value="">
<script src='http://play.lucienpiccard.com.ua/play/grabtest/js/jquery.min.js'></script>
<script src="http://play.lucienpiccard.com.ua/play/grabtest/js/index.js"></script>
</body>
</html>
Это так сказать я пытаюсь создать генератор парсеной информации с выводом в SQL файл.
Не могу понять, как работают эти переменные или функции.
.click() применяется при загрузке, переменные значения больше не записывают.
Вот jQuery:
$query = $('#query').val();
$button = $('#button');
$images = $('.poster');
$videos = $('.trailer');
$descr = $('.descr');
$urlImage = $('#imgUrl');
$button.click(getImages.bind(null, $images, $query));
function showImageSearchResult(result) {
for (var i = 0; i < 4; i++) {
$images.append(createThumbnail(result.items[i].snippet, result.items[i].link));
}
}
function createThumbnail(snippet, link) {
var $li = $('<div class="flexItem">');
var $img = $('<img onerror="this.parentNode.parentNode.removeChild(this.parentNode)" src="' + link + '"> alt="' + snippet + '"');
$li.append($img);
$li.on('click', selectThumbnail.bind(null, $urlImage, link));
return $li;
}
function selectThumbnail(input, url) {
input.val(url);
}
function getImages(imageContainer, query) {
imageContainer.empty();
$.get(
"https://www.googleapis.com/customsearch/v1?",
{
"q": query,
"searchType": "image",
"imageSize": "large",
"key": "AIzaSyDQ7ablMI0Ee4kwu8h6IsYh82TuinT8Fy8",
"cx": "013005726503347959821:ejgclbwxiii"
})
.done(showImageSearchResult)
.fail(function() {
imageContainer.html('<p class="err">Не удалось вывести изображения, попробуйте позже.</p>');
});
}
