// 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 fs = require('fs');
fs.readdir(folderName, function(err, files) {
if (err) {
// обработка ошибки
} else {
if (!files.length) {
// каталог пустой
} else {
// каталог содержит файл
const oldPath = 'old/path/file.cs'
const newPath = 'new/path/file.cs'
fs.rename(oldPath, newPath, function (err) {
if (err) throw err
console.log('Файл перемещён')
})
}
}
});
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))
});
});
var app = express();
app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
next();
});
{
id: "dsfgwrgrwgrgertghert345y345wrg",
title: "Главная",
slug: "glavnaya",
content: "Описание страницы"
}
{
id: "dsfgwrgrwgrgertghert345y345wrg",
title: "Товар 1",
slug: "tovar-1",
content: "Описание продукта",
... тут доп параметры продуктов
}
add_action( 'user_register', 'registration_save', 10, 1 );
function registration_save( $user_id ) {
if ( isset( $_POST['first_name'] ) )
update_user_meta($user_id, 'first_name', $_POST['first_name']);
}