document.querySelectorAll('a').forEach(a=>{
if(!a.href || !(a.href.indexOf('http')===0)) return;
let href = a.href;
a.removeAttribute('href');
a.addEventListener('click',e=>{
location.href = href;
});
});
document.querySelectorAll('a').forEach(a=>{
//a.style.backgroundColor = 'red'; //красным проигнорированные
if (a.href && a.href.indexOf('javascript:') === 0) {
//a.style.backgroundColor = '#ff0'; //желтым скриптованные ссылки
let eval_str = a.href.substr(11);
a.addEventListener('click',e=>{
eval(eval_str);
});
a.removeAttribute('href');
return;
}
if(!a.href || !(a.href.indexOf('http')===0)) return;
let c = a.className;
if (c.indexOf('button') > -1 || c.indexOf('btn') > -1 || c.indexOf('like') > -1 || c.indexOf('reply') > -1) return;
if (a.querySelector('svg') || a.querySelector('img')) return;
if (a.style.borderRadius) return;
//a.style.backgroundColor = '#0f0'; //зеленым очищенные ссылки
let href = a.href;
a.removeAttribute('href');
a.addEventListener('click',e=>{
location.href = href;
});
});
<video>
. div {
width: 80%;
height: 300px;
margin: 20px auto;
background: linear-gradient(to right top, transparent 49.8%, #fff 50.2%) no-repeat right / 100px 100%, url(http://zastavok.net/main/priroda/1446112087.jpg) no-repeat top center / cover;
}
function createDiv(className){
var div = document.createElement('div');
div.className = className;
return div;
}
var inrow = Math.floor(window.innerWidth / 50) - 1;
for (var i = 0; i < inrow; i++) {
$(".grid-container").append(createDiv('grid-row-1'));
$(".grid-container").append(createDiv('grid-row-2'));
}
for (var i = 0; i < inrow; i++) {
$(".grid-row-1").append(createDiv('hexagon'));
$(".grid-row-2").append(createDiv('hexagon'));
}
state
:(function($el) {
var state, timer;
function checkTime() {
var h = (new Date).getHours(), state_prev = state;
state = ( h >= 9 && h < 22) ? 'DAY' : 'NIGHT';
if( state_prev !== state) { // только что изменился статус
if( state === 'DAY') $el.removeClass('disable').addClass('visible');
else if( state === 'NIGHT') $el.addClass('disable').removeClass('visible');
}
}
checkTime(); // вызвать один раз сразу же
timer = window.setInterval(checkTime, 10000); // раз в 10 секунд перепроверять
})(
$('.opened') // jQuery-выборка элементов, которым переключать класс
);
var $el = $('.opened'); // jQuery-выборка элементов, которым переключать класс
window.setInterval( function() {
var h = (new Date).getHours(); // текущий час по локальному времени
if( h >= 9 && h < 22) $el.removeClass('disable').addClass('visible'); // кабак открыт
else $el.addClass('disable').removeClass('visible'); // кабак закрыт
}, 10000); // раз в 10 секунд перепроверять
height: 0%; ---> height: 100%;
- получится.display: none; ---> display: block;
- не получится.height: 10%; ---> height: 100px;
- не получится, потому что сперва %, потом px.