<div class="fixed-bar">...</div>
.fixed-bar {
transition: 0.7s ease;
transition-property: transform, box-shadow;
height: 50px;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 100;
transform: translateY(-100%);
}
.fixed-bar.isShown {
box-shadow: 0 0 10px black;
transform: translateY(0);
}
const fixedBar = document.querySelector('.fixed-bar');
const toggleBar = function () {
let isShown = window.pageYOffset > window.innerHeight / 2;
fixedBar.classList.toggle('isShown', isShown);
}
toggleBar();
window.addEventListener('scroll', toggleBar);
createMap()
, setObjects(dateStart, dateEnd)
, deleteObjects()
@clicked=onChangeDate
в котором вызываете пересоздание объектов на существующей картеonChangeDate(dateStart, dateEnd) {
this.deleteObjects();
this.setObjects(dateStart, dateEnd);
}
<MyComp>
<Navbar @clicked="onChangeDate"/>
<YandexMap
:date-start="dateStart"
:date-end="dateEnd"
/>
<MyComp>
<script>
data: function(){
return {
dateStart: null,
dateEnd: null,
}
}
methods: {
onchangeDate(d1, d2){
this.dateStart = d1;
this.dateEnd = d2;
}
}
</script>
/**
* @var int $myVar
* @var CustomType $myVar2
*/
<?php
class Hook
{
private $mysqli;
public function MySQLi()
{
$this->mysqli = new \mysqli('127.0.0.1', 'root', '', 'products'); # Подключение к бд
if ($this->connect_error) {
die('Ошибка подключения ('.$mysqli->connect_errno.') '.$mysqli->connect_error);
}
}
public function MySQLiQuery()
{
$tables = array(
'hook_on_the_grid',
'hook_perforation',
'hook_on_chipboard',
'hook_on_the_economy_panel',
'hook_systems',
'trade accessories'
);
$count_tables = count($tables);
$queries = [];
# Перебирает массив $tables и создает новый с готовыми запросами
for ($i=0; $i < $count_tables; $i++) {
foreach ($tables as $value) {
$queries[] = "SELECT * FROM `$value`";
}
}
return $queries;
}
public function MySQLiResult()
{
# Устанавливает кодировку для выходных данных бд
$this->mysqli->query("SET NAMES utf8");
$query = $this->MySQLiQuery();
$count_query = count($query);
foreach ($query as $value) { # Перебор массива и отправка запросов
$result[] = $this->mysqli->query($mysqli, $value);
}
foreach ($result as $value) { # Перебирает первые элементы из каждой категории
$count_nums[] = $value->num_rows($value);
}
foreach ($result as $value) {
$rows[] = $value->fetch_assoc($value); # ПЕРЕДЕЛАТЬ В ООП
for ($i=0; $i < $count_nums[0]; $i++) {
$rows[] = $value->fetch_assoc($value); # Перебирает и сохраняет все данные из бд # ПЕРЕДЕЛАТЬ В ООП
}
$rows = array_filter($rows, function($element) { #Остортировывает пустые элементы в массиве
return !empty($element);
});
}
return $rows;
}
}
$hook = new Hook;