54 lines
1.7 KiB
HTML
54 lines
1.7 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<title>dynamic|LESS</title>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=0.7">
|
|||
|
|
<link rel="stylesheet" href="css/style.css">
|
|||
|
|
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
|||
|
|
<script src="js/script.js"></script>
|
|||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="lessmore">
|
|||
|
|
<a id="menu" href="javascript:void(0)" onclick="showMenu()"><i class="fa fa-bars"></i></a>
|
|||
|
|
<div id="dropdown-content">
|
|||
|
|
<a href="/">На главную</a>
|
|||
|
|
<a href="/" onclick="clearFilter()">Сбросить фильтр</a>
|
|||
|
|
<a href="/lessmorefaq.html">FAQ</a>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<a href = "/" style="text-decoration: none; color: #babdb6;"><u>dynamic</u> | <u>less</u></a>
|
|||
|
|
</div>
|
|||
|
|
<!--form><select id="echoSelector" multiple size="5"></select></form-->
|
|||
|
|
<div id="echoSelected"style="margin:100px 0 0"></div>
|
|||
|
|
<input type="text" placeholder="Search..." id="myInput" onkeyup="searchEcho()">
|
|||
|
|
<div id="echoCheckBox"></div>
|
|||
|
|
<!--div id="mes"></div>
|
|||
|
|
<div align="center" >
|
|||
|
|
<img src="/img/preload.gif" onclick="showMore()" height="20em"> </div-->
|
|||
|
|
<!--div id="paginator" align="center" onclick="showMore()">Show more</div-->
|
|||
|
|
</body>
|
|||
|
|
<script>
|
|||
|
|
function searchEcho() {
|
|||
|
|
var input, filter, box, row;
|
|||
|
|
input = $("#myInput").val();
|
|||
|
|
input = input.toLowerCase();
|
|||
|
|
|
|||
|
|
box = $("label");
|
|||
|
|
row = $(".row");
|
|||
|
|
console.log(box);
|
|||
|
|
|
|||
|
|
for (i = 0; i<box.length; i++) {
|
|||
|
|
if (box[i].innerHTML.indexOf(input) > -1) {
|
|||
|
|
row[i].style.display = "";
|
|||
|
|
} else {
|
|||
|
|
row[i].style.display = "none";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</html>
|