Пишу код, чтобы при клике на определенную стрелку блок div перемещался в списке в зависимости от того какая стрелка нажата: стрелка вверх – div вверх, стрелка вниз – div вниз.
Код написал, но, стрелка вниз работает корректно, стрелка вверх…
Всем привет! Возник такой вопрос. Хочется двигаться дальше, но не знаю как.
Дело вот в чем. Я умею верстать. Не очень хорошо, требуется практика и желательно куратор, который мне скажет где мои ошибки и как их исправить. Плюс, знаю основы …
Вопрос является продолжением к первому вопросу.
На него был дан хороший пример цикла с перебором радиокнопок. Но есть дополнительно 2 момента.
При инициализации странички (поскольку у div в css прописано display: none) его изначально не в…
У меня есть два круглых изображения. Верхнее изображение располагается абсолютно поверх нижнего изображения. Я показываю верхнее изображение с интервалом 25% с помощью клипа, и мне интересно, можно ли его анимировать, чтобы квадрант постеп…
Есть таблица, которая генерируется следующим образом:
let table = document.createElement("table");
table.setAttribute(‘border’,’1′);
for (let i = 0; i < 5; i++) {
let newRow = table.insertRow(0);
for (let j = 0; j <…
Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.
GET chrome-extension://pldjobpacmbpflpemnmgdiccchjgdhpe/content/styles.css net::ERR_FILE_NOT_FOUND
Всем доброго времени суток. Как сделать чтобы параграф был спрятан за h2 и img (был невидим), но при наведении на новостной блок он "выскальзывал" сверху-вниз и стал видимым как на примере:
.newsItem {
width: 400px;
heigh…
Есть код
if ($(‘.FilterGroupsWrapper’).height() > $(‘.centerareawrapper’).height()) {
$(‘.FilterDropdown__body_opened’).each(function(ind, elem) {
//if ($(‘.FilterDropdown__body.FilterDropdown__body_opened .FilterGroupNewDesig…
Есть код
if ($(‘.FilterGroupsWrapper’).height() > $(‘.centerareawrapper’).height()) {
$(‘.FilterDropdown__body_opened’).each(function(ind, elem) {
//if ($(‘.FilterDropdown__body.FilterDropdown__body_opened .FilterGroupNewDesig…
Есть блок
<div>
<div class=”FilterDropdown__header FilterDropdown__header_opened FilterDropdown__selected”>
<div class=”FilterDropdown__filter-open-group”><span class=”FilterDropdown__header-title”><spa…
Помогите разобраться. Есть задача сделать простой сайт на 2 страницы с помощью VanillaJS. У меня есть index.html, в котором я получаю данные с API (новостная лента). У каждой новости есть свой id в формате the-university-of-discovery/2021/…
От автора: одним из элементов форм, которые стилизовать достаточно проблематично, являются чекбоксы. В этом уроке вы познакомитесь с замечательной библиотекой MoreToggles.css, которая поможет решить данную проблему. Библиотека использует только CSS и …
function Calculator() {
var Input1 = document.querySelector(“#input1”);
var Input2 = document.querySelector(“#input2”);
var Plus = document.querySelector(“#plus”);
var Minus = document….
У меня есть пару полностью одинаковых контейнера, в них кнопки с однаковым функционалом, при нажатии на которые до двух родительских элементов добавляется класс active и происходит поворот контейнера. Я бы не хотел каждой кнопке писать отд…
Имеется навигация с меню второго уровня. Меню второго уровня установлен класс absolute
Но при открытии меню второго уровня, оно выходит за границу родительского блока.
Если наводим на кнопку "Аксессуары" – меню отображается норма…
Страница состоит из 3-горизонтальных блоков – шапки(#pageHeader), контента (.contentpart) и футера(#pageFooter).
.bodyclass {
display: grid;
grid-template-areas: “header” “centerpart” “footer”;
grid-template-rows: 100px 1fr 743px…
Страница состоит из 3-горизонтальных блоков – шапки(#pageHeader), контента (.contentpart) и футера(#pageFooter).
.bodyclass {
display: grid;
grid-template-areas: “header” “centerpart” “footer”;
grid-template-rows: 100px 1fr 743px…
Есть файл Json из него загружаем данные и формируем объекты на странице.
Если пролистывать при помощи стрелок перескакивают страницы.
Помогите понять в чем дело.
let block = document.querySelector(‘#block’);
let pagination = document.q…
Есть файл Json из него загружаем данные и формируем объекты на странице.
Если пролистывать при помощи стрелок перескакивают страницы.
Помогите понять в чем дело.
let block = document.querySelector(‘#block’);
let pagination = document.q…
Нужно отменить закрытие страницы когда пользователь попытается ее закрыть, и передать клик на ссылку, которая выведит попап.
Вот так не получается
window.onbeforeunload = function() {
$("[data-popup-link = ‘plashka’]").trigg…
Установлено расширение Quokka, однако после Ctrl+Shift+P > Quokka.js: New Javascript File выводит: ‘You may use the "node" setting to configure the location of node. Can not start node.js process (node), make sure your system …
<?xml version=”1.0″ encoding=”utf-8″?>
<!DOCTYPE svg PUBLIC “-//W3C//DTD SVG 1.1//EN”
“http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd”>
<svg version=”1.1″
baseProfile=”full”
xmlns=”http://www.w3.org/2000/sv…
Есть код, меняющий расположение пагинации и в нем число приводится к строке
if (end – start < notesOnPage) {
console.log(‘pagination version 1’);
pagination.style.paddingBottom = String($(‘.centerareawrapper’).height – (end – st…
Есть код, меняющий расположение пагинации и в нем число приводится к строке
if (end – start < notesOnPage) {
console.log(‘pagination version 1’);
pagination.style.paddingBottom = String($(‘.centerareawrapper’).height – (end – st…
Здравствуйте как сделать такой слайдер, чтобы у каждого блока была разная высота, а слайдер двигался только мышкой? Он должен быть Responsive Блоков приблизительно 20. Вставлено в них будет не только изображение, но и текст. Спасибо
…
возможно это легкая задача, но не могу понять как это решить. Переписываю дизайн со своего же сайта. Шапка сайта сделана с помощью flex, хочу центрировать логотип относительно этой шапки, но логотип центрируется относительно экрана:
Мой ко…
const items = [{
title: ‘Pagination1’,
img: ‘img/icons/loading.gif’
}, {
title: ‘Pagination2’,
img: ‘img/icons/loading.gif’
}, {
title: ‘Pagination3’,
img: ‘img/icons/loading.gif’
},
{
title: ‘Pagin…
Есть данный код, получается такой график (синего цвета), мне бы хотелось немного его улучшить, а именно довести до такого до графика (красного цвета), а также добавить значения(точки), где график касается ось абсцисс.
const canvasPlot = do…
Возник вопрос, нужно сделать, что-то типа обучения.
Допустим у меня есть список. Надо, чтобы весь список был затемнен, а нужный элемент подсвечивался и возможно на темном фоне было еще пояснение.
Вызов подсказки чтобы проходил как-то так, …
Свежие комментарии