<div class="country">
<input class="country-code">
<img class="country-flag">
</div>
function updateFlag(el) {
const country = countries.find(n => !el.value.indexOf(n.code));
el.closest('.country').querySelector('.country-flag').src = country ? country.flag : '';
}
document.addEventListener('input', function(e) {
if (e.target.classList.contains('country-code')) {
updateFlag(e.target);
}
});
document.querySelectorAll('.country-code').forEach(updateFlag);
const countries = [
{ code: ..., flag: ... },
{ code: ..., flag: ... },
...
];
const country = countries.find(n => !inputCode.value.indexOf(n.code));
inputFlag.src = country ? country.flag : '';
var linkNav = document.querySelectorAll('[href^="#"]'), //выбираем все ссылки к якорю на странице
V = 1; // скорость, может иметь дробное значение через точку (чем меньше значение - тем больше скорость)
for (var i = 0; i < linkNav.length; i++) {
linkNav[i].addEventListener('click', function(e) { //по клику на ссылку
e.preventDefault(); //отменяем стандартное поведение
var w = window.pageYOffset, // производим прокрутка прокрутка
hash = this.href.replace(/[^#]*(.*)/, '$1'); // к id элемента, к которому нужно перейти
t = document.querySelector(hash).getBoundingClientRect().top, // отступ от окна браузера до id
start = null;
requestAnimationFrame(step); // подробнее про функцию анимации [developer.mozilla.org]
function step(time) {
if (start === null) start = time;
var progress = time - start,
r = (t < 0 ? Math.max(w - progress/V, w + t) : Math.min(w + progress/V, w + t));
window.scrollTo(0,r);
if (r != w + t) {
requestAnimationFrame(step)
} else {
location.hash = hash // URL с хэшем
}
}
}, false);
}
<a id="scroll" href="#one">⇩</a> <!-- ссылка, по клику на которую осуществляется прокрутка к якорю -->
<a id="one" name="one"></a> <!-- якорь, расположенный в произвольном месте страницы -->
<label class="plus"></label><input placeholder="Введите телефон" value="734" />
input {
padding-left: 10px;
}
label.plus {
position: relative;
}
label:after {
left: 2px;
top: 1px;
position: absolute;
content: "+";
}
$(document).click(function(e) {
if (!$panel.has(e.target).length && $panel.hasClass('visible')) {
hidePanel();
}
});
$('.icon').each(function(){
if ($(this).children('.icon_img').children(img).attr('src') == '')
$(this).remove();
});
<?php
if (isset($_POST['phone'])){
$zapros1 = " and 'phone' IN ('".$_POST['phone']."')";
} else {$zapros1="";}
if (isset($_POST['dateadd'])){
$zapros1 = " and 'dateadd' IN ('".$_POST['dateadd']."')";
} else {$zapros2="";}
if (isset($_POST['name'])){
$zapros1 = " and 'name' IN ('".$_POST['name']."')";
} else {$zapros3="";}
if (isset($_POST['place'])){
$zapros1 = " and 'place' IN ('".$_POST['place']."')";
} else {$zapros4="";}
$foolzapros="WHERE ".$zapros1.$zapros2.$zapros3;