<?php 

	error_reporting(0);
	header("Content-type: text/html; charset=utf-8");
	include 'sqlConnect.php';

	$search = $_POST['search_fraza'];
	$formId = $_POST['form_id'];
	$search = addslashes($search);
	$search = htmlspecialchars($search);
	$search = stripslashes($search);
	if($search == ''){
		exit("Начните вводить запрос");
	}
	
	mysqli_query($sqlConnect, 'SET NAMES utf8');
	$query = mysqli_query($sqlConnect, "SELECT * FROM collections WHERE collection_name LIKE '%". $search ."%'");
	if(mysqli_num_rows($query) > 0){
		$sql = mysqli_fetch_array($query);
		do{
			echo "<a href='#' class='confirm' onClick=\"document.getElementById('$formId').value='$sql[collection_name]'; document.getElementById('resSearch$formId').innerHTML = '';\">$sql[collection_name]</a><br>";
		}while($sql = mysqli_fetch_array($query));
	}else{
	   echo "<div>Нет результатов</div>";
	}
	
?>      	



<!DOCTYPE html>
<html>
<head>
	<title>Поиск</title>
	<meta charset="utf-8">
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script>
	$(document).ready(function(){
		var i = 1;
		$('#add').click(function() {
			$('<div class=field>Нуменклатура ' + i +': <input name="search" type="text" class="search" id="'+i+'"><div id="resSearch'+i+'">Начните вводить запрос</div></div>').fadeIn(100).appendTo('#inputs');
			i++;
			if (i != 1) {
				$('#remove').css("visibility", "visible");
			}
		});
		
		$('#remove').click(function() {
		if(i > 1) {
			$('.field:last').remove();
			$('.imgNumber:last').remove();
			console.log(i);
			i--; 
			if (i == 1) {
				$('#remove').css("visibility", "hidden");
			}
		}
		});
	});
</script>
<script type="text/javascript">
	$(function() {
		$(".search").keyup(function(){
			var search = $(this).val();
			var formId = this.id;
			//alert(".resSearch"+formId);
						
			$.ajax({
				type: "POST",
				url: "search.php",
				data: {"search_fraza": search, "form_id": formId},
				cache: false,						
				success: function(response){
					$("#resSearch"+formId).html(response);
				}
			});
			return false;
					
		});
	});
</script>
</head>
<body>
	<form action="search.php" method="post" name="form" onsubmit="return false;">
		<a href='#' id='add' style='border-bottom: 1px dashed #808080;'>Добавить картинку</a><a href='#' id='remove' style='visibility: hidden; border-bottom: 1px dashed #808080'> | Удалить последнее</a>
		<div id="inputs">
		
		</div>
		<!--Живой поиск 1:<br> 
		<input name="search" type="text" class="search" id="1">
		<div id='resSearch1'>Начните вводить запрос</div>
		
		<br><br><br><br>
		
		Живой поиск 2:<br> 
		<input name="search" type="text" class="search" id="2">
		<div id='resSearch2'>Начните вводить запрос</div>
		
		<input name="search" type="text" id="search">
		<small>Вводите на английском языке</small>-->
	</form>
</body>
</html>