<?php
header("Content-type: text/html; charset=utf-8"); include 'sqlConnect.php';
$search = $_POST['search_fraza'];
$formId = $_POST['form_id'];
if($search == ''){
exit("Начните вводить запрос"); }
$query = mysqli_query($sqlConnect, "SELECT * FROM collections WHERE collection_name LIKE '%". $search ."%'"); do{
echo "<a href='#' class='confirm' onClick=\"document.getElementById('$formId').value='$sql[collection_name]'; document.getElementById('resSearch$formId').innerHTML = '';\">$sql[collection_name]</a><br>";
}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>