switch ($_GET['id']) {
case '0':
echo '<some html>';
break;
case '1':
echo '<some another html>';
break;
//... и т.д.
}
<span class="delete" onclick="edit(this)">Edit!</span>
function edit(context){
let parent = context.parentElement;
let post_text = parent.querySelector('.post_text');
let post_content = parent.querySelector('.post_content');
// и т.д.
...
}
https://myawesomesite.com/about.php
, то должны получать такую же страницу, как мы будем получать при внутренней навигации по сайту, нажав на About и использовав динамическую подгрузку.onpopstate
, где обрабатываете нажатия туда-сюда в браузереbackground-image
- не анимируемое свойство.delete
удаляет пропертиз у объектов.setInterval
- плохой таймер, но для начального прототипа сойдёт. В идеале нужно использовать requestAnimationFrame
.opacity
. max: this.LongCoordinates("right"),
this ссылается на объект window
, поскольку находится внутри объекта(что никак его не переопределяет), а не метода(метод является функцией), а функция переопределяет this. Но у объекта window
нет метода LongCoordinates
, отсюда и ошибка.var model = {
LongCoordinates: function (dir) {
let long = document.querySelector(".long");
long.style.left = "8px";
long.style.right = "274px";
if (dir == "right") return "274px";
},
ballCoordinates: function () {
return {
min: 0,
max: this.LongCoordinates("right"), // теперь this ссылается на model
x: "0px"
}
}
};
<div id="text">...</div,>
, тогда:$(document).on('mouseover', '#text', function(event){
var obj = $(this),
$('.tooltip-row-block').css('display', 'block');
obj.html("Настоящий договор ололо трололо ... ...");
});
$(document).on('mouseout', '#text', function(event){
var obj = $(this);
$('.tooltip-row-block').css('display', 'none');
obj.html("Настоящий договор ололо трололо ...");
});
,
и ;
getComputedStyle(elem).display
HTMLCollection
. Так что нужно по ним фором идти:for (let i = 0; i < itemMenu.length; i++) {
itemMenu[i].onclick = function() {
if (getComputedStyle(menuHeader).display === 'flex') {
menuHeader.style.display = 'none';
} else {
menuHeader.style.display = 'flex';
}
this.classList.toggle('menu-btn_active');
}
}