106 lines
2.7 KiB
PHTML
Executable File
106 lines
2.7 KiB
PHTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>search</title>
|
|
<meta name="Keywords" content=""/>
|
|
<meta name="Description" content=""/> {include file="include/head" /}
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_weben/css/search.css">
|
|
<style>
|
|
.search-input01
|
|
{
|
|
width: 98%;
|
|
display: inline-block;
|
|
}
|
|
.search-input01 input
|
|
{
|
|
border-radius: 35px;
|
|
background: #fff;
|
|
height: 2rem;
|
|
border: none;
|
|
width: 60%;
|
|
}
|
|
.search-button01 {
|
|
border: none;
|
|
font-size: 0.9rem;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
background: #0060ff;
|
|
height: 2rem;
|
|
border-radius: 20px;
|
|
padding: 0 1rem;
|
|
display: inline-block;
|
|
}
|
|
.icon-small01
|
|
{
|
|
position: absolute;
|
|
left: 0.5rem;
|
|
top: 0.7rem;
|
|
color: #9b9b9b;
|
|
font-size: 0.9rem;
|
|
}
|
|
</style>
|
|
|
|
|
|
<body>
|
|
<div id="content">
|
|
<!--top-->
|
|
{include file="include/top" /}
|
|
<!--top End-->
|
|
|
|
<div class="h_search_w margin-top-90">
|
|
<div class="search-input01">
|
|
<input id="search-in" class="form-control form-text" name="keywords" placeholder="Sata" value="" type="text">
|
|
<button id="search-btn" class="search-button01">Search</button>
|
|
</div>
|
|
</div>
|
|
<div class="search-list">
|
|
<?php if (!empty($list)): ?>
|
|
<ul>
|
|
<?php foreach ($list as $key => $value): ?>
|
|
<a href="/usmobile/product/detail/id/<?php echo $value['id']; ?>">
|
|
<li><div class="img-responsives search-list-img"><img src="<?php echo getImage($value['picture']); ?>"></div>
|
|
<div class="search-trans-list ">
|
|
<p class="search-list-title"><?php echo $value['name']; ?></p>
|
|
<p class="search-list-subtitle"><?php echo $value['brand_id']; ?></p>
|
|
</div>
|
|
</li>
|
|
<br clear="all">
|
|
</a>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
|
|
<div class="clear" style="margin-top:20px;"></div>
|
|
<?php if ($page) echo $page;?>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
<!-- bottom -->
|
|
{include file="include/bottom" /}
|
|
<!-- bottom e -->
|
|
</body>
|
|
|
|
</html>
|
|
|
|
<script>
|
|
$(function() {
|
|
$("#search-btn").bind("click", function(event) {
|
|
var skeyword = $("#search-in").val();
|
|
if (skeyword) {
|
|
var href = "__ORICOROOT__/search/index?skeyword=" + encodeURIComponent(skeyword);
|
|
location.href = href;
|
|
}
|
|
else{
|
|
var href = "__ORICOROOT__/search/index";
|
|
location.href = href;
|
|
|
|
}
|
|
});
|
|
$("#search-in").keyup(function(event) {
|
|
if (event && event.keyCode === 13) {
|
|
$("#search-btn").trigger("click");
|
|
}
|
|
});
|
|
});
|
|
</script>
|