// vanilla js
document.querySelector('.elem-to-click').addEventListener('click', function() {
var link = document.createElement( "link" );
link.href = "style.css";
link.type = "text/css";
link.rel = "stylesheet";
document.getElementsByTagName( "head" )[0].appendChild( link );
});
// jQuery
$('.elem-to-click').on('click', function() {
$('head').append('<link rel="stylesheet" type="text/css" href="style.css">');
});
<input id="function-data" />
<input id="data-holder" />
var options = {
data: [
{"character": "Cyclops", "realName": "Scott Summers"},
{"character": "Professor X", "realName": "Charles Francis Xavier"},
{"character": "Mystique", "realName": "Raven Darkholme"},
{"character": "Magneto", "realName": "Max Eisenhardt"}
],
getValue: "character",
list: {
onSelectItemEvent: function() {
var value = $("#function-data").getSelectedItemData().realName;
$("#data-holder").val(value).trigger("change");
// Тут вы можете делать манипуляции с вашим вторым скриптом
}
}
};
$("#function-data").easyAutocomplete(options);
let searchValid = false;
$('.search__icons').click(function() {
if(searchValid == false){
$('.search__icons').css('background', '#F8F8F8');
$('.search__input').css('display', 'block');
$('.search__input').css('width', '515px');
$('.search__icons').css('border-radius', '3px 0 0 3px');
$('.search__input').addClass('search__input--anim');
$('.contact__number').css('display', 'none');
searchValid = true;
} else {
$('.search__icons').css('background', '#F9E8FA');
//$('.search__input').css('display', 'none'); - из-за этого не срабатывает анимация
$('.search__input').css('width', '0');
$('.search__input').css('padding', '0');
$('.search__icons').css('border-radius', '3px');
$('.search__input').addClass('search__input--anim');
$('.contact__number').css('display', 'block');
searchValid = false;
}
});
window.addEventListener("beforeunload", function(event) {
// страница браузера закрывается
});
let wasHidden = false;
const onVisibilityChange = () => {
if (wasHidden && document.visibilityState === 'visible') {
// Тут убираем гифку
}
if ( document.visibilityState === 'hidden' ) {
wasHidden = true;
}
};
document.addEventListener('visibilitychange', onVisibilityChange);
const timeout = 1000;
let idTimeout;
window.addEventListener('mousedown', function() {
idTimeout = setTimeout(function() {
// Кнопка нажата более 1 секунды
}, timeout);
});
window.addEventListener('mouseup', function() {
clearTimeout(idTimeout);
});
const panels = document.getElementsByClassName("panel");
const i;
for (i = 0; i < panels.length; i++) {
panels[i].addEventListener("click", function() {
// тут ещё можно поставить удаление у всех акордионов класса 'active', если необходимо
this.classList.toggle("active");
const panel = this.nextElementSibling;
if(this.classList.contains('active')){
this.classList.add('changing-icon');
} else {
this.classList.remove('changing-icon');
}
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
});
}
<button class="panel">Аккордеон 1</button>
<div class="panel-body">
<p>текст аккордеона</p>
</div>
const forms = document.querySelectorAll('form');
forms.forEach(form => {
form.addEventListener('submit', function (e) {
e.preventDefault();
const formData = new FormData(this);
ajaxSend(formData)
.then((response) => {
form.reset();
})
.catch((err) => console.error(err))
});
});
$('.link').click(function(e) {
e.preventDefault;
var bool,
call;
call = $.ajax({
success : function(data) {
if(data == 'true') {
bool = true;
} else {
bool = false;
return false;
}
}
})
$.when( call ).then(function( data, textStatus, jqXHR ) {
alert(bool);
});
});
$('.link').click(function(e) {
e.preventDefault;
var bool;
$.ajax({
.done(function(data) {
if(data == 'true') {
bool = true;
} else {
bool = false;
return false;
}
alert(bool);
})
})
});