Category: CSS

06
Июл
2022

Как сделать так чтобы лифт и кнопка располагались независимо друг от друга?

Делаю SPA эмулятор лифта. По кнопке должен происходить вызов лифта, но уже на начальном этапе возникла проблема. Не могу сделать так, чтобы лифт с кнопкой были независимы. Если кнопка находится в template выше чем лифт, то смещение ее вниз…

06
Июл
2022

Реализация кнопок через JavaScript

У меня имеется вот такое меню:

Мне нужно, что бы при нажатии на кнопку, свойство в css менялось с background-position: left x px top 0px
на background-position: left x px top 32px, и сразу же на background-position: left x px top -32px.
Т…

06
Июл
2022

Отключение Яндекс советника

Есть задача отключить Яндекс советник, решил этот вопрос своим скриптом, ссылка https://github.com/ozzbabym/kick_sovetnik , если есть решения лучше, подскажите(работает OZON, Wildberries)
function уkickSovetnik () {
var elems = documen…

06
Июл
2022

При нажатие на блок должен прилетать сверху список но он не появляется

При нажатие на блок(drop__title) должен прилетать сверху список(drop__menu) но он не появляется, также у блока (drop__title) есть псевдо элемент (стрелочка), она должна переворачиваться на 180deg при прилете списка

let dropBtn = docume…

06
Июл
2022

В leaflet есть кривая линия, на ней не отображается изображение, в чём проблема?

Создал Polyline на которую добавил картинку в итоге на кривой линии рисунок не отображается, быть может дело в bounds ? думал добавить сюда цикличность или дело совсем не в этом ? L.imageOverlay("../images/icons.png", [ [layer._l…

06
Июл
2022

Как сделать, чтобы меню плавно выезжало справа налево?

Я первый раз использовал js,поэтому не могу понять, как это сделать. С кликом получилось, а вот с плавным выездом нет. И да, это мой первый раз использования адаптивного меню.
Вот мой код:

function myFunction() {
document.getElementB…

05
Июл
2022

JS добавить стили только при onclick и наведении одновременно

Есть несколько тегов div и картинка, которая изменяется в зависимости от выбранного div’а. Также на эти теги накладываются стили, при клике – одни, при наведении – другие. Нужно, чтобы свойство border у картинки появлялось только тогда, ко…

05
Июл
2022

Определение координат элемента на странице

1.Подскажите пожалуйста, можно ли из DOM определить координаты элемента(по имени класса или его id), к примеру относительно всего документа ?
То есть не используя какие либо функции JS, чисто ручками, то есть я хотел бы понять принцип, как…

05
Июл
2022

Стили для селекта css

Я бы хотел стилизировать селект, чтобы он выглядел примерно как тут https://prnt.sc/MhHMEPRS089F, как можно применять стили к этому, посколько я пробовал, смотрел в инете, но ничего из этого не работало, кто-то писал, что стили не применяю…

05
Июл
2022

как оживить кнопки на скрине?

Здраствуйте, хочу сделать, чтобы при нажатие на скрин, включалась определенная песня, также чтобы можно на паузу поставить и громкость регулировать, каким образом лучше всего будет сделать подобное?

/* стили гугл */
@import url(‘https…

05
Июл
2022

Закрытие sub menu в WP на телефоне не корректно работает почему?

на проекте (WP) menu по наведению выпадает, на планшетах я меняю на click и по нажатию на menu-item-347 у меня выпадает sub menu (оно изначально none), все работает, но есть нюанс при нажатии в любом месте, так как menu-item-347 ( в него в…

05
Июл
2022

Inputs currency converter js

Довольно странный, возможно будет вопрос, но как убрать стрелочки, которые находятся в инпуте, там, где вводить число, там появляются стрелочки вверх и вниз, как их убрать? Также как убрать цифру 0,00, которая стоит во втором инпуте и чтоб…

05
Июл
2022

Изменить стиль css стороннего виджета iframe который загружает img с заданными параметрами

На сайте есть рекламный баннер, который загружает изображения через js с прописанными css, хотелось бы добавить max-width для оптимизации на мобильных версиях, как можно это сделать?

Интересует именно манипуляции с динамическим img, до ко…

05
Июл
2022

Изменить стиль css стороннего виджета iframe который загружает img с заданными параметрами

На сайте есть рекламный баннер, который загружает изображения через js с прописанными css, хотелось бы добавить max-width для оптимизации на мобильных версиях, как можно это сделать?

Интересует именно манипуляции с динамическим img, до ко…

04
Июл
2022

Конвертер валют js

Делаю конвертер, но столкнулся с проблемой, когда вот по умолчанию стоит, USD на UAH, то конвертер не работает, но когда я нажму кнопку смена курса (кнопка со стрелками), то конвертер заработает, причем это не работает только с UAH, с оста…

04
Июл
2022

Конвертер валют js

Делаю конвертер, но столкнулся с проблемой, когда вот по умолчанию стоит, USD на UAH, то конвертер не работает, но когда я нажму кнопку смена курса (кнопка со стрелками), то конвертер заработает, причем это не работает только с UAH, с оста…

04
Июл
2022

Помогите решить проблему с конвертерем валют на js

Я делаю конвертер, но у меня какая-то проблема с json ссылкой, я смотрел в консоле, в консоле нормально все выводит, все обьекты, а именно в конвертере не работает, выходит такая ошибка ncaught (in promise) TypeError: Cannot read propertie…

04
Июл
2022

Эффект наведения на кнопку

От автора: важным элементом веб-страницы, особенно лендинга является CTA (call to action) – призыв к действию. CTA часто сразу пишут на кнопках «Оформить заказ», «Перезвоните мне», «Заказать расчет стоимости» и т.д. И чем лучше сделана кнопка, чем красивее эффект по наведению на такую кнопку, тем выше вероятность, что ее нажмут посетители сайта. В данном уроке […]