/* Устанавливаем все элементы видимыми */
.element1 {
display: block;
}
.element2 {
display: block;
}
.element3 {
display: block;
}
/* Устанавливаем третий блок невидимым при ширине страницы меньше 992px */
@media screen and (max-width: 992px) {
.element1 {
display: block;
}
.element2 {
display: block;
}
.element3 {
display: none;
}
}
/* Устанавливаем второй и третий блоки невидимыми при ширине страницы меньше 600px */
@media screen and (max-width: 600px) {
.element1 {
display: block;
}
.element2 {
display: none;
}
.element3 {
display: none;
}
}
/* Делаем все элементы видимыми, если у элемента есть класс visible */
.element1.visible,
.element2.visible,
.element3.visible, {
display: block;
}
<!-- внутри меню бутерброда делаем ссылки -->
<a href="javascript:document.querySelector('.element1').classList.toggle('visible');">Element1</a>
<a href="javascript:document.querySelector('.element2').classList.toggle('visible');">Element2</a>
<a href="javascript:document.querySelector('.element3').classList.toggle('visible');">Element3</a>
var x = $(".lang-selector")[0].getBoundingClientRect();
console.log(x.top, x.bottom);
res.end();
res.end("{}");
const test = ()=>{};
test();
function init(...params){
/*init vars*/
return ()=>{ /* start code */ }
}
let operation = init(1,2,3,true);
/* ... */
operation(); // exec start code
if('krd.site.ru' == location.hostname){
document.querySelector('#address').innerHTML="Мой адрес не дом и не улица";
}
else if('spb.site.ru' == location.hostname){
document.querySelector('#address').innerHTML="WWW.LENINGRAD.SPB.RU";
}
function eventFire(el, etype){
if (el.fireEvent) {
el.fireEvent('on' + etype);
} else {
var evObj = document.createEvent('Events');
evObj.initEvent(etype, true, false);
el.dispatchEvent(evObj);
}
}
eventFire(document.querySelector('.EtoKnopka'), 'click');
document.querySelector()
document.querySelectorAll()
document.getElementsByClassName()
document.getElementById()
document.getElementsByTagName()
let dotContainer = document.querySelector('.slide_dots');
let dotList = [... this.slides].map(slide => {
const dot = document.createElement('div');
dot.classList.add('dot');
dotContainer.appendChild(dot);
return dot;
});
console.log( dotList ); // [ <div></div>, <div></div>, <div></div>, ... ]
function require(url,cb){
let script = document.createElement('script');
script.setAttribute('type','application/javascript');
script.setAttribute('src',url);
if('function' == typeof cb)
script.addEventListener('load', cb, false);
document.head.appendChild(script);
return script;
}
function isHidden(element){
const elementRect = element.getBoundingClientRect();
const elementHidesUp = elementRect.top < 0;
const elementHidesLeft = elementRect.left < 0;
const elementHidesDown = elementRect.bottom > window.innerHeight;
const elementHidesRight = elementRect.right > window.innerWidth;
const elementHides = elementHidesUp || elementHidesLeft || elementHidesDown || elementHidesRight;
return elementHides;
}
function countHidden(element){
const elementRect = element.getBoundingClientRect();
const elementHides = {
up: Math.max(0,0 - elementRect.top),
left: Math.max(0,0 - elementRect.left),
down: Math.max(0,elementRect.bottom - window.innerHeight),
right: Math.max(0,elementRect.right - window.innerWidth)
};
return elementHides;
}
window.addEventListener('DOMContentLoaded', function domLoadedHandler(e){
/* твой js */
}, false);
document.querySelector('form').addEventListener('submit', e=>{
e.preventDefault();
e.stopPropagation();
})
$('#auth-form').on('submit',e=>{
/** После этих двух строк форма не будет перезаггружаться **/
e.preventDefault();
e.stopPropagation();
/*** ваше действие тут ***/
});
let x;
function abc(num){
return () => {
return num**2;
}
}
x = abc(4);
console.log(x()); // 16
(async ()=>{
let x = await promisify($.getJSON)('./json.json');
console.log( x ) // ...твоя data...
})();
// A simplified implementation of `util.promisify()`. Doesn't
// cover all cases, don't use this in prod!
function promisify(fn) {
return function() {
const args = Array.prototype.slice.call(arguments);
return new Promise((resolve, reject) => {
fn.apply(this, [].concat(args).concat([(err, res) => {
if (err != null) {
return reject(err);
}
resolve(res);
}]));
});
};
}