$('.popup-button').on('click', function () {
$('.popup-thanks').fadeIn(),
$('.popup-callback').fadeOut();
});$('.popup-thanks').fadeIn(),
$('.popup-callback').fadeOut();$('.popup-button').on('click', function () {
if (
// проверка заполнения имени
$(".popup-input-name").val().length > 1 &&
// проверка корректного заполнения телефона
/^\+?7[ -]?\(?\d{3}\)?[ -]?\d{3}[ -]?\d{2}[ -]?\d{2}$/.test( $(".popup-input-phone").val() ) &&
// проверка корректного заполнения e-mail
/^[a-z0-9\-\.]+@[a-z0-9\-\.]+\.[a-z]+$/i.test( $(".popup-input-mail").val() )
) {
$('.popup-thanks').fadeIn(),
$('.popup-callback').fadeOut();
} else {
alert ("Просьба корректно заполнить поля формы");
}
});<input type="text" id="number" value="100">document.getElementById("number").onblur = function(){
this.value = parseInt(this.defaultValue) + parseInt(this.value);
this.defaultValue = this.value;
}set @i = 0;
update `grey_csgo_gifts_list`
set id = @i := @i + 1;
alter table `grey_csgo_gifts_list` modify `id` int(11) auto_increment primary key;function recountItem(el_summ, el_quantity, n_price, e) {
action = e ? e.target.className.match(/\w+_+(\w+)/)[1] : '';
n_quantity = parseInt(el_quantity.text());
switch(action){
case 'plus':
case 'increment':
n_quantity ++;
break;
case 'minus':
case 'decrement':
n_quantity = n_quantity > 1 ? n_quantity - 1 : n_quantity;
break;
}
el_quantity.text(n_quantity);
el_summ.text(n_quantity * n_price + ' грн.');
};
//order
$('.order__block').each(function() {
var $e = $(this),
el_quantity = $e.find('.order__value'),
el_summ = $e.find('.order__sum'),
n_price = $e.find('.order__value').attr('data-number');
$e.find('.order__plus').click(function(e) {
recountItem(el_summ, el_quantity, n_price, e)
});
$e.find('.order__minus').click(function(e) {
recountItem(el_summ, el_quantity, n_price, e)
});
recountItem(el_summ, el_quantity, n_price);
});
//single
$('.single__row').each(function() {
var $e = $(this),
el_quantity = $e.find('.single__count'),
el_summ = $e.find('.single__price'),
n_price = $e.find('.single__count').attr('data-price');
$e.find('.single__increment').click(function(e) {
recountItem(el_summ, el_quantity, n_price, e)
});
$e.find('.single__decrement').click(function(e) {
recountItem(el_summ, el_quantity, n_price, e)
});
recountItem(el_summ, el_quantity, n_price);
});
//basket
$('.basket__item').each(function() {
var $e = $(this),
el_quantity = $e.find('.basket__value> span'),
el_summ = $e.find('.basket__sum'),
n_price = $e.find('.basket__single').text();
$e.find('.single__increment').click(function(e) {
recountItem(el_summ, el_quantity, n_price, e);
updateBasketTotalSum();
});
$e.find('.single__decrement').click(function(e) {
recountItem(el_summ, el_quantity, n_price, e);
updateBasketTotalSum();
});
recountItem(el_summ, el_quantity, n_price);
updateBasketTotalSum();
});
function updateBasketTotalSum() {
var sum = 0;
$('.basket__sum').each(function() {
sum += parseInt($(this).text());
});
$('.basket__count').text(sum + ' грн.');
}
$('.basket__close').on('click', function() {
$(this).parent().parent().remove();
});document.querySelectorAll("button").forEach(el => el.addEventListener("mouseover", e => alert("Вы навели на кнопку: "+e.target.textContent)))$(function(){
$("button").click(function(){
var lastInput = $('input[type="datetime-local"]:last');
var type = lastInput.attr("type");
var min = lastInput.attr("min") == undefined ? "" : lastInput.attr("min");
var name = lastInput.attr("name");
var num = parseInt(name.replace("date",""));
if (num < 20) {
$("#container").append('<input type="'+type+'" min="'+min+'" name="date'+(num+1)+'"/>');
}
if (num >= 19) {
$("button").hide();
}
})
})document.querySelector("button").addEventListener("click", e => {
const items = document.querySelectorAll(".item");
const first = items[0].textContent;
[...items].map((el, i) => {
el.textContent = (i < items.length - 1) ? items[i+1].textContent : first;
});
})Но когда показывается последний элемент, то смена контента должна прекратиться, аналогично и с первым.
var checker = {
// получить координаты углов объекта
getRectangle: function (el) {
return {
left: el.offsetLeft,
top: el.offsetTop,
right: el.offsetLeft + el.offsetWidth,
bottom: el.offsetTop + el.offsetHeight
}
},
// проверка на пересечение
collide: function (el1, el2) {
var rect1 = this.getRectangle(el1);
var rect2 = this.getRectangle(el2);
return !(
rect1.top > rect2.bottom ||
rect1.right < rect2.left ||
rect1.bottom < rect2.top ||
rect1.left > rect2.right
);
},
// проверка на совпадение
inside: function (el1, el2) {
var rect1 = this.getRectangle(el1);
var rect2 = this.getRectangle(el2);
return (
((rect2.top <= rect1.top) && (rect1.top <= rect2.bottom)) &&
((rect2.top <= rect1.bottom) && (rect1.bottom <= rect2.bottom)) &&
((rect2.left <= rect1.left) && (rect1.left <= rect2.right)) &&
((rect2.left <= rect1.right) && (rect1.right <= rect2.right))
);
}
}<body style="text-align: center; align-items: center; transform: rotate(90deg);">
<iframe src="ссылка на трансляцию" width="100%" height="100%" frameborder="0"
allowfullscreen="allowfullscreen"></iframe>
</body><body style="margin:0;padding:0;overflow:hidden;transform:rotate(90deg)">
<iframe src="ссылка на трансляцию" style="width:100vw;height:100vh;border:0" allowfullscreen="allowfullscreen"></iframe>
</body><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Live</title>
<style>
body{
background-color: red;
}
html, body, iframe{
margin: 0;
padding: 0;
}
body {
transform: rotate(90deg);
overflow: hidden;
}
iframe {
width:100vh;
height:100vw;
border:0;
}
</style>
</head>
<body>
<iframe src="https://vk.com/video_ext.php?oid=-186018794&id=456239023&hash=5e067f6f701bf75e"
allowfullscreen="allowfullscreen"></iframe>
</body>
</html>А JQuery в несложных операциях редко подводит. Этот случай редкость, если это вообще из-за JQ
$(function(){
if ($(window).width() < 1184) {
$( "#nav1" ).css( "display", 'none');
$( "#nav2" ).css( "display", 'none');
}
$(window).resize(function(){
if ($(window).width() < 1184) {
$( "#nav1" ).css( "display", 'none');
$( "#nav2" ).css( "display", 'none');
} else {
$( "#nav1" ).css( "display", 'flex');
$( "#nav2" ).css( "display", 'flex');
}
})
$( ".nav-logo" ).click(function() {
if ($(window).width() < 1184) {
$( "#nav1" ).toggle( "slow", function() {
// Animation complete.
// $(this).rotate(100);
});
$( "#nav2" ).toggle( "slow", function() {
// Animation complete.
// $(this).rotate(100);
});
} else {
$( "#nav1" ).css( "display", 'flex');
$( "#nav2" ).css( "display", 'flex');
}
});
});window.matchMedia('screen and (max-width: 1184px)').matchesif (window.matchMedia('screen and (max-width: 1184px)').matches) {
$( "#nav1" ).css( "display", 'none');
$( "#nav2" ).css( "display", 'none');
} else {
$( "#nav1" ).css( "display", 'flex');
$( "#nav2" ).css( "display", 'flex');
}$(document).ready(function(){
$('.main-foto').zoom({url: 'photo-big.jpg', on: 'click'});
});