| Server IP : 51.89.169.208 / Your IP : 3.135.190.163 Web Server : Apache System : Linux ns3209505.ip-198-244-202.eu 4.18.0-553.27.1.el8_10.x86_64 #1 SMP Tue Nov 5 04:50:16 EST 2024 x86_64 User : yellowleaf ( 1019) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/yellowleaf/public_html/ |
Upload File : |
<?php
session_start();
ini_set('memory_limit','500M');
ini_set('upload_max_filesize','256MB');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Your local business directory. Yellowleaf</title>
<meta name="description"content="Find, connect to and buy from great businesses near you. Our business directory provides information about who can supply you with goods and services locally.">
<link rel="canonical" href="https://www.yellowleaf.co.uk/">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/header-footer/global.css">
<link rel="stylesheet" href="/homepage/homepage.css">
<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<style>
/* .hero-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
align-items: center;
padding: 1rem;
padding-bottom: 7rem;
background-color: rgba(0, 0, 0, .5);
} */
.hero-content button {
margin-top: 2rem;
}
.hero-img-section img {
width: 350px;
}
.search-box {
/* padding:1rem; */
/* border-radius: 5px; */
/* background: #fff; */
width: 658px;
box-shadow: 10px 10px 30px rgba(0, 0, 0, .1);
position: absolute;
bottom:10rem;
left:21%;
right: 0;
}
.search-content {
/* border: 1px solid #ccc; */
border-radius:10px;
display: flex;
overflow: hidden;
}
.search-content > * {
width: 100%;
}
.search-content input {
width: 100%;
padding:22px;
border: none;
outline: none;
height:58px;
font-size: 16px;
}
.search-content input:first-child {
border-right: 1px solid #ccc;
}
.search-content button {
min-width: 70px;
width: 70px;
border: none;
background: #FFCC22;
font-weight: 600;
cursor: pointer;
padding: 12px 10px;
font-size: 14px;
}
.search-content button:hover {
background-color: var(--black);
color: var(--white);
}
.search-group {
position: relative;
}
/* .search-box{
padding:4rem !important ;
} */
section {
padding: 1rem 0 !important;
}
.listing{
margin-top:-150px;
}
/* .popular-image-container{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 11px;
}
.popular-sector__image-item{
width: 100%;
height: calc(445px - 62px);
object-fit: cover;
transition: all .3s ease;
display: block;
}
.popular-sector__image-split {
position: relative;
border-radius: 10px;
overflow: hidden;
width: 100%;
height: 445px;
border: 1px solid #eee;
text-decoration: none;
}
.popular-sector__image-split img:hover{
transform: scale(1.2);
}
.popular-sector__image-business-count{
position: absolute;
top: 1rem;
left: 1rem;
background:#225fac;
color: var(--white);
border-radius: 30px;
padding: 5px 10px;
display: flex;
align-items: center;
gap: 10px;
}
.popular-sector__image-text-split{
padding: 1rem;
background: #fff;
color: #225fac;
font-size: 1.25rem;
font-weight: 500;
display: block;
position: relative;
z-index: 1;
}
span{
padding: 1rem;
background: #fff;
color: var(--blue);
font-size: 1.25rem;
font-weight: 500;
display: block;
position: relative;
z-index: 1;
} */
@media only screen and (max-width: 991px) {
.hero-container {
grid-template-columns: 1fr;
}
.hero-content {
text-align: center;
}
.hero-img-section img {
display: none;
}
}
@media screen and (max-width: 767px) {
.search-content {
border-radius: 6px;
flex-direction: column;
}
.search-box{
width:330px;
}
.search-content input:first-child {
border-right: none;
border-bottom: 1px solid #ccc;
}
.search-content button {
min-width: 100%;
width: 100%;
}
.search-content input {
padding: 16px 20px;
}
.search-box {
padding: 24px 16px;
}
}
</style>
</head>
<?php
$path = $_SERVER['DOCUMENT_ROOT'];
include_once $path.'/header-footer/header.html';
include_once $path.'/connect_db.php';
?>
<!-- start: Header -->
<header>
<div class="header-main">
<div class="hero-container-bg">
<div class="container" style="position: relative;">
<form action="/search/" method="GET">
<div class="hero-container">
<div class="hero-content">
<h2>Welcome to the biggest business directory in the UK</h2>
</div>
</div>
<div class="search-box">
<div class="search-content">
<div class="search-group">
<input onkeyup="searchCat(this.value,event)" type="search" placeholder="Taxi, Restaurant or Company Name" name="" id="">
</div>
<input type="search" placeholder="Town e.g London or E14" name="" id="">
<button type="submit"> Search </button>
</div>
</div>
<div class="text-center lp-search-description">
<p>Just looking around? Let us suggest you something hot & happening! </p>
</div>
</form>
<ul class="lp-home-categoires">
<li><a href=""><p id="cat-img-bg"><img src="/homepage/img/car.png" alt=""></p>
</a></li>
<li><a href=""><p id="cat-img-bg"><img src="/homepage/img/sign-img.png" alt=""></p>
</a></li>
<li><a href=""><p id="cat-img-bg"><img src="/homepage/img/sign-img.png" alt=""></p> </a></li>
<li><a href=""><p id="cat-img-bg"><img src="/homepage/img/car.png" alt=""></p></a></li>
</ul>
</div>
</div>
</div>
</header>
<!--
<div class="container" style="position: relative;">
<form action="/search/" method="GET">
<div class="hero-container">
<div class="hero-content">
<h2>Welcome to the biggest business directory in the UK</h2>
<button class="btn btn-yellow">Learn More</button>
</div>
<div class="hero-img-section">
<img src="/homepage/img/hero-img.png" alt="">
</div>
</div>
<div class="search-box">
<div class="search-content">
<div class="search-group">
<input type="search" placeholder="Taxi, Restaurant or Company Name" name="" id="">
</div>
<input type="search" placeholder="Town e.g London or E14" name="" id="">
<button type="submit">Search</button>
</div>
</div>
</form>
</div>
-->
<!-- <div class="container"> -->
<!-- <h1 class="header-title">Welcome to the biggest business directory in the UK</h1>
<p class="header-description">Welcome to Yellowleaf UK - Your local business directory in United Kingdom. Find local
businesses pages in your area. Get promotions, business reviews, maps and directions. Browse our online business
directory completely free now!</p>
<form action="/search/" method="GET" class="header-form">
<div class="header-form-group">
<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z"
stroke="#6D7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M14 14L11.1 11.1" stroke="#6D7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<input type="text" id="box" name="q" class="form-control form-control-autocomplete-input"
placeholder="Taxi, Restaurant or Company Name" style="color:#888;font-size:10pt;" autocomplete="off">
</div> -->
<!-- Old comments -->
<!-- <input type="text" id="box" name="q" class="form-control" placeholder="Taxi, Restaurant or Company Name" style="color:#888;font-size:10pt;" onblur="if(this.value==''||this.value=='Taxi, Restaurant or Company Name'){this.value='Taxi, Restaurant or Company Name';this.style.color='#888'}" onclick="if(this.value==''||this.value=='Taxi, Restaurant or Company Name'){this.value='';this.style.color='#000';}box_border_color(1);" onkeyup="searchCat(this.value,event)" onkeydown="return cat_box(event);" autocomplete="off"> -->
<!-- <input type="hidden" id="cat_found" name="cat_found">
<input type="hidden" id="type" name="type">
<div class="header-form-group">
<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z"
stroke="#6D7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M14 14L11.1 11.1" stroke="#6D7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<input type="text" id="box_2" name="a" class="form-control" placeholder="Town e.g London or E14"
style="color:#888;font-size:10pt;" autocomplete="off"> -->
<!-- Old comments -->
<!-- <input type="text" id="box_2" name="a" class="form-control" value="Town e.g London or E14" style="color:#888;font-size:10pt;" onblur="if(this.value==''||this.value=='Town e.g London or E14'){this.value='Town e.g London or E14';this.style.color='#888'}" onclick="if(this.value==''||this.value=='Town e.g London or E14'){this.value='';this.style.color='#000';}box_border_color(2);" onkeyup="searchLoc(this.value,event);" onkeydown="return area_box(event);" autocomplete="off"> -->
<!-- <input type="hidden" id="area_found" name="area_found">
</div>
<button type="submit" class="btn btn-outline btn-outline-black">
Search
<svg viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M13.0998 15.5L11.7582 14.1902L17 8.95114H0.588135V7.08004H17L11.727 1.80977L13.0686 0.5L20.5881 8.01559L13.0998 15.5Z" />
</svg>
</button>
</form> -->
<!-- </div> -->
<!-- end: Header -->
<!-- start: Features -->
<!-- <section class="features">
<div class="container">
<h1 class="section-title">Get new customers for your business</h1>
<p class="section-description">Add your business on Yellowleaf today</p>
<div class="features-wrapper">
<div class="features-content">
<div class="fetaures-item">
<svg viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="0.387695" width="64" height="64" rx="32" fill="#303030" />
<path
d="M50.5313 34.7315C48.9688 42.544 43.0781 49.9002 34.8125 51.544C30.7812 52.3468 26.5994 51.8573 22.8625 50.1452C19.1256 48.4331 16.0241 45.5856 13.9997 42.0083C11.9752 38.431 11.131 34.3061 11.5872 30.2211C12.0434 26.136 13.7768 22.299 16.5406 19.2565C22.2094 13.0127 31.7813 11.294 39.5938 14.419"
stroke="#F7D152" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
<path d="M23.9688 31.6064L31.7812 39.4189L50.5312 19.1064" stroke="#F7D152" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<div>
<h2 class="features-item-title">Professional advertising</h2>
<p class="features-item-description">Adding your business on Yellowleaf is completely free of charge.</p>
</div>
</div>
<div class="fetaures-item">
<svg viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="0.387695" width="64" height="64" rx="32" fill="#303030" />
<path
d="M50.5313 34.7315C48.9688 42.544 43.0781 49.9002 34.8125 51.544C30.7812 52.3468 26.5994 51.8573 22.8625 50.1452C19.1256 48.4331 16.0241 45.5856 13.9997 42.0083C11.9752 38.431 11.131 34.3061 11.5872 30.2211C12.0434 26.136 13.7768 22.299 16.5406 19.2565C22.2094 13.0127 31.7813 11.294 39.5938 14.419"
stroke="#F7D152" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
<path d="M23.9688 31.6064L31.7812 39.4189L50.5312 19.1064" stroke="#F7D152" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<div>
<h2 class="features-item-title">Boost your sales</h2>
<p class="features-item-description">Advertise with Yellowleaf and increase your exposure and boost your
sales.</p>
</div>
</div>
<div class="fetaures-item">
<svg viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="0.387695" width="64" height="64" rx="32" fill="#303030" />
<path
d="M50.5313 34.7315C48.9688 42.544 43.0781 49.9002 34.8125 51.544C30.7812 52.3468 26.5994 51.8573 22.8625 50.1452C19.1256 48.4331 16.0241 45.5856 13.9997 42.0083C11.9752 38.431 11.131 34.3061 11.5872 30.2211C12.0434 26.136 13.7768 22.299 16.5406 19.2565C22.2094 13.0127 31.7813 11.294 39.5938 14.419"
stroke="#F7D152" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
<path d="M23.9688 31.6064L31.7812 39.4189L50.5312 19.1064" stroke="#F7D152" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<div>
<h2 class="features-item-title">Build your reputation</h2>
<p class="features-item-description">Become more known and build your reputation on the web.</p>
</div>
</div>
</div>
<img class="features-image" src="/homepage/img/homepage-features.jpg" alt="Features">
</div>
</div>
</section> -->
<!-- end: Features -->
<!-- start: Latest Listing -->
<section class="listing">
<div class="container">
<h class="section-title">Latest Businesses</h2>
<div class="section-description">Latest businesses on Yellowleaf</div>
<div class="container">
<main class="grid">
<article>
<img src="/homepage/img/popular_sector_5.jpg" alt="tshirt photo">
<div class="text">
<ul class="listing-ul-top">
<li><a href=""> ITALIAN</li>
<li><a href="">Open Now</a></li>
</ul>
<h4><a>Famiglia GiorgioÕs</a></h4>
<div class="listing-star">
<div class="loc"></div>
</div>
<ul class="listing-ul">
<li><a href=""> call</a></li>
<li><a href=""> Show Map</a></li>
</ul>
</div>
</article>
<article>
<img src="/homepage/img/popular_sector_5.jpg" alt="tshirt photo">
<div class="text">
<ul class="listing-ul-top">
<li><a href=""> ITALIAN</li>
<li><a href="">Open Now</a></li>
</ul>
<h4><a>Famiglia GiorgioÕs</a></h4>
<ul class="listing-ul">
<li><a href=""> call</a></li>
<li><a href=""> Show Map</a></li>
</ul>
</div>
</article>
<article>
<img src="/homepage/img/popular_sector_5.jpg" alt="tshirt photo">
<div class="text">
<ul class="listing-ul-top">
<li><a href=""> ITALIAN</li>
<li><a href="">Open Now</a></li>
</ul>
<h4><a>Famiglia GiorgioÕs</a></h4>
<ul class="listing-ul">
<li><a href=""> call</a></li>
<li><a href=""> Show Map</a></li>
</ul>
</div>
</article>
<article>
<img src="/homepage/img/popular_sector_5.jpg" alt="tshirt photo">
<div class="text">
<ul class="listing-ul-top">
<li><a href=""> ITALIAN</li>
<li><a href="">Open Now</a></li>
</ul>
<h4><a>Famiglia GiorgioÕs</a></h4>
<ul class="listing-ul">
<li><a href=""> call</a></li>
<li><a href=""> Show Map</a></li>
</ul>
</div>
</article>
</main>
</div>
</div>
<!-- <div class="listing-wrapper">
<?php
$a = $connect->query("SELECT * FROM ads where active='1' order by adid desc limit 8");
$ad_numrow=$a->num_rows;
while($b = $a->fetch_assoc()){
if(strlen($b['description']) > 0){
$r_adid=$b['adid'];
$tile=ucfirst($b['companyname']);
$r_ad_name=strtolower($b['companyname']);
$r_ad_name = preg_replace("/[^A-Za-z 0-9]/", "", $r_ad_name);
$r_ad_name=str_replace(" "," ",$r_ad_name);
$ad_name=str_replace(" ","-",$r_ad_name);
$href = "pages/{$r_adid}-{$ad_name}.html";
$img = $b['image'] && file_exists($path.'/members/uploads/logo/'.$b['image']) ? '<img alt="Listing" src="/members/uploads/logo/'.$b['image'].'">' :
'<img alt="Listing" src="/img/not-found.jpg">';
$lngth = 130;
$subDesc=substr(strip_tags($b['description']),0,$lngth);
if(strlen($b['description'])>$lngth){$description = $subDesc.'...';}else{$description = strip_tags($b['description']);}
$res .= '<div class="listing-item">
'.$img.'
<div class="listing-item-body">
<a href="'.$href.'" class="listing-item-title">'.$tile.'</a>
<p class="listing-item-description">'.$description.'</p>
</div>
</div>';
}
}
echo $res;
?>
</div> -->
</div>
</section>
<!-- end: Latest Listing -->
<!-- start: Popular Countries -->
<section class="countries">
<div class="container">
<!-- <h2 class="section-title">Popular Counties</h2> -->
<div class="section-description">Local businesses in popular counties</div>
<!-- <div class="popular-sector__indicator__split">
<span class="" data-target="#popular-sector__all">Recommended</span>
<span data-target="#popular-sector__sectors" class="active">Sectors</span>
<span data-target="#popular-sector__locations" class="">Locations</span>
</div> -->
<div class="tabbutton">
<button class="btn-city " onclick="openCity('Recommended')">Recommended</button>
<button class="btn-city " onclick="openCity('Sectors')">Sectors</button>
<button class="btn-city " onclick="openCity('Locations')">Locations</button>
</div>
<!-----Recommended Start----->
<div id="Recommended" class="city" style="display:block">
<div class="container recommended-sector__image-wrapper" >
<div class="popular-image-container popular-sector-image-wrapper-split">
<a href="" class="popular-sector__image-split"><img class="popular-sector__image-item" src="/homepage/img/popular_sector_5.jpg" alt="">
<span class="popular-sector__image-business-count">469 Businesses For Sale</span>
<span class="popular-sector__image-text-split">Manchester</span> -->
</a>
<a href="" class="popular-sector__image-split"><img class="popular-sector__image-item" src="/homepage/img/popular_sector_1.jpg" alt="">
<span class="popular-sector__image-business-count">469 Businesses For Sale</span>
<span class="popular-sector__image-text-split">Manchester</span> -->
</a>
<a href="" class="popular-sector__image-split"><img class="popular-sector__image-item" src="/homepage/img/popular_sector_5.jpg" alt="">
<span class="popular-sector__image-business-count">469 Businesses For Sale</span>
<span class="popular-sector__image-text-split">Manchester</span> -->
</a>
<a href="" class="popular-sector__image-split"><img class="popular-sector__image-item" src="/homepage/img/popular_sector_1.jpg" alt="">
<span class="popular-sector__image-business-count">469 Businesses For Sale</span>
<span class="popular-sector__image-text-split">Manchester</span> -->
</a>
<a href="" class="popular-sector__image-split"><img class="popular-sector__image-item" src="/homepage/img/popular_sector_5.jpg" alt="">
<span class="popular-sector__image-business-count">469 Businesses For Sale</span>
<span class="popular-sector__image-text-split">Manchester</span> -->
</a>
<a href="" class="popular-sector__image-split"><img class="popular-sector__image-item" src="/homepage/img/popular_sector_1.jpg" alt="">
<span class="popular-sector__image-business-count">469 Businesses For Sale</span>
<span class="popular-sector__image-text-split">Manchester</span>
</a>
</div>
</div>
</div>
<!-----Recommended End ----->
<div id="Sectors" class=" city " style="display:none">
<?php
$cat_sql = $connect->query("SELECT * FROM cats WHERE active='1' GROUP BY cat_name ORDER BY `cat_name` ASC");
$num_rows = $cat_sql->num_rows;
$num=0;
while ($cat_row = $cat_sql->fetch_assoc()){
$cat_name=$cat_row['cat_name'];
if($cat_name){
//// replacing space with dash
/************** displayed on the page *************/
$cat_link=strtolower($cat_name);
$cat_link=str_replace(" ","-",$cat_link);
$result = '<a class="countries-item" style="--order: '.$num.';" href="/business/'.$cat_link.'.html" title="Local '.$cat_name.'
Business Directory">'.$cat_name.'</a>';
$cat_code[$num]=$result;
$num++;
}
}
$numcols = 3; // Default # of Columns
$numitems = count($cat_code); // Number of Items
$numrows = ceil($numitems/$numcols); // Number of Rows
echo '<div class="countries-wrapper">';
for ($row=1; $row <= $numrows; $row++) {
$cell = 0;
echo "\n";
for ($col=1; $col <= $numcols; $col++) {
echo ' <td>'."\n";
if ($col===1) {
$cell += $row;
echo $cat_code[$cell - 1];
}else{
$cell += $numrows;
echo $cat_code[$cell - 1];
}
echo "\n";
}
echo "\n";
}
echo '</div>';
?>
</div>
<div id="Locations" class="city " style="display:none">
<?php
$area_sql = $connect->query("SELECT * FROM ads WHERE active='1' GROUP BY county_name ORDER BY `county_name` ASC");
$num_rows = $area_sql->num_rows;
$num=0;
while($area_row = $area_sql->fetch_assoc()){
$area_name=$area_row['county_name'];
if($area_name){
//// replacing space with dash
/************** displayed on the page *************/
$area_link=strtolower($area_name);
$area_link=str_replace(" ","-",$area_link);
$result = '<a class="countries-item" style="--order: '.$num.';" href="/business/'.$area_link.'.html" title="Local '.$area_name.'
Business Directory">'.$area_name.'</a>';
$area_code[$num]=$result;
$num++;
}
}
$numcols = 3; // Default # of Columns
$numitems = count($area_code); // Number of Items
$numrows = ceil($numitems/$numcols); // Number of Rows
echo '<div class="countries-wrapper">';
for ($row=1; $row <= $numrows; $row++) {
$cell = 0;
echo "\n";
for ($col=1; $col <= $numcols; $col++) {
echo ' <td>'."\n";
if ($col===1) {
$cell += $row;
echo $area_code[$cell - 1];
}else{
$cell += $numrows;
echo $area_code[$cell - 1];
}
echo "\n";
}
echo "\n";
}
echo '</div>';
?>
</div>
</div>
</section>
<!-- end: Popular Countries -->
<script>
function openCity(cityName) {
let i;
let x = document.getElementsByClassName("city");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
let child = document.getElementById(cityName).style.display = "block";
let parent = document.getElementsByClassName("btn-city");
if (child.parentNode == parent ){
child.classList += 'active' ;
}
// for (i = 0; i < b.length; i++) {
// if(b[i].className == 'active'){
// b[i].classList.add("active");
// // console.log(b[i].className);
// }else{
// // console.log(b[i].className);
// b[i].classList.remove("active");
// }
}
// b.classList.add("active");
</script>
<script>
function Save_Search_Input() {
let search_val = $("#box").val();
$.ajax({
type: "GET",
url: "/include-functions/save-search-inp.php?keyword=" + search_val,
success: function (response) {
console.log(response);
}
});
}
// function close_suggestion(){
// $(".search-suggestion-wrapper").css("display", "none");
// }
// function select_suggest(e){
// e = e || window.event;
// let target = e.target || e.srcElement;
// let val = $(target).text();
// $("#box").val(val);
// close_suggestion();
// }
// var inputSearch = document.getElementById('box')
// autocompleteSearch(inputSearch)
// function autocompleteSearch(inp) {
// var selectedId = -1
// inp.addEventListener('input', inputAction)
// inp.addEventListener('focus', inputAction)
// inp.addEventListener('keydown', function (e) {
// var wrapperList = this.parentNode.querySelectorAll('.form-control-autocomplete-list > *')
// if (wrapperList.length < 1) return
// if (e.keyCode == 40) {
// selectedId++
// addActive(wrapperList)
// } else if (e.keyCode == 38) {
// selectedId--
// addActive(wrapperList)
// } else if (e.keyCode == 13) {
// e.preventDefault()
// wrapperList[selectedId].click()
// }
// })
// async function inputAction() {
// var item, wrapper, arr, val = inp.value
// selectedId = -1
// await fetch('/include-functions/get-search-suggest.php?search_inp=' + val)
// .then(function (resp) {
// return resp.json()
// })
// .then(function (data) {
// closeAutocomplete()
// arr = data.data
// })
// wrapper = document.createElement('ul')
// wrapper.className = 'form-control-autocomplete-list'
// this.parentNode.appendChild(wrapper)
// if (arr.length == 0) {
// item = document.createElement('li')
// item.className = 'no-event'
// item.innerHTML = 'No matching keyword'
// wrapper.appendChild(item)
// }
// for (var i = 0; i < 8; i++) {
// if (arr[i]) {
// item = document.createElement('li')
// item.dataset.value = arr[i].keyword
// item.innerHTML = arr[i].keyword
// item.addEventListener('click', function () {
// inp.value = this.dataset.value
// inp.blur()
// closeAutocomplete()
// })
// wrapper.appendChild(item)
// }
// }
// }
// function addActive(wrapperList) {
// removeActive(wrapperList)
// if (selectedId >= wrapperList.length) selectedId = 0
// if (selectedId < 0) selectedId = (wrapperList.length - 1)
// wrapperList[selectedId].classList.add('active')
// }
// function removeActive(wrapperList) {
// for (var i = 0; i < wrapperList.length; i++) {
// wrapperList[i].classList.remove("active");
// }
// }
// function closeAutocomplete(element) {
// var autocompleteList = document.getElementsByClassName('form-control-autocomplete-list')
// for (var i = 0; i < autocompleteList.length; i++) {
// if (element != autocompleteList[i] && element != inp) {
// autocompleteList[i].parentNode.removeChild(autocompleteList[i])
// }
// }
// }
// document.addEventListener('click', function (e) {
// closeAutocomplete(e.target)
// })
// }
// function get_Search_Suggest(){
// let search_val = $("#box").val();
// if (search_val.length > 0) {
// $(".search-suggestion-wrapper").css("display", "block");
// }else{
// close_suggestion()
// }
// let search_suggestion_data = [];
// $.ajax({
// type: "GET",
// url: "/include-functions/get-search-suggest.php?search_inp="+search_val,
// success: function (response) {
// var result = response.results
// if (response != "") {
// if (response != "NOT_FOUND") {
// search_suggestion_data = JSON.parse(response);
// let output = `<div class="search-wrapper-header">
// <b style="font-weight: bold;">Similar searches</b>
// </div>
// <div class="search-suggestions" id="search_suggestions">`;
// search_suggestion_data.results.forEach(element => {
// let querystr = search_val;
// let result = element.keyword;
// let final_str = result.replace(querystr, '<b style="color: #FFCC22;">'+querystr+'</b>');
// output += `<div class="search-suggest" onclick="select_suggest(event)">${final_str}</div>`
// });
// output += `</div>`;
// $("#search_suggestion_wrapper").html(output);
// } else {
// let output = `<div class="search-wrapper-header">
// <b style="font-weight: bold;">Similar searches</b>
// </div>
// <div class="search-suggestions" id="search_suggestions">
// <div style="color: red; font-weight: 500; padding: 10px">No search result found</div>
// </div>`;
// output += `</div>`;
// $("#search_suggestion_wrapper").html(output);
// }
// }
// }
// });
// }
// $("#box").on("input focus", ()=>{
// get_Search_Suggest();
// Save_Search_Input();
// })
// $("#box").on("focusout", ()=>{
// if (!$("#search_suggestion_wrapper").is(":hover")) {
// close_suggestion()
// }
// })
</script>
<script>
function searchCat(str,e){
var url = "/ajax/ajax_search_cat.php?hint="+escape(str);
$.ajax({
url: url,
success: function (result) {
var resp = JSON.parse(result);
console.log(resp);
},
});
}
</script>
<script>
function searchCat(str,e){
var url = "/ajax/ajax_search_cat.php?hint="+escape(str);
$.ajax({
url: url,
success: function (result) {
var resp = JSON.parse(result);
console.log(resp);
},
});
}
</script>
<?php
include_once $path.'/header-footer/footer.html';
?>