Задать вопрос

Костя

frontend developer

0

вклад
23

вопроса
0

ответов
0%

решений

Лайки

Почему несколько раз открывается окно выбора файла по нажатию на input[type="file"]?

Алексей Верховцев @seftomsk

Константин, а зачем Вам собственно говоря, для этого JS? Можно и простым CSS обойтись, а уже если хотите отображать название загружаемого файла, то можно и JS подрубить именно для этого. Вам нужно просто сделать обертку, она у вас есть. сделать Вашему input opacity: 0; чтобы он был невидим, дать обертке position: relative; дать input position: absolute; сделать нужный размер и расположить в нужном месте, а также задать z-index, к примеру 2, и сделать в обертке ещё блок с вашей новой кнопкой, также дать ей position: absolute; те же размеры что и input и расположение в том же месте, а z-index: 1; чтобы она по оси оказалась под input, но т.к. вы дали input opacity: 0; то вы будете видеть только свою стилизованную кнопку, а кликать на самом деле по input

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как скрыть блоки, в зависимости от количества потомков в родителе на JS?
Bowen @Bowen
Японский бог
$items = $('.catalog__item'); $items.eq(2).nextAll().hide(); $('.show').on('click', function(){ $items.toggle(); });

Ответ написан более трёх лет назад

Комментировать
Комментировать
Как скрыть блоки, в зависимости от количества потомков в родителе на JS?
Давид @MiragePresent
программист php
CSS:
.catalog__item{ display: none; } .catalog__item:nth_child(1), .catalog__item:nth_child(2), .catalog__item:nth_child(3){ display: block; }

HTML:
<button class="show-all">Показать</button>

JS/jQuery:
$('.show-all').on('click', function(){ $('.catalog_item').css('display', 'block'); })

Ответ написан более трёх лет назад

Комментировать
Комментировать
Как настроить поведение элементов при таче на мобильных устройствах, как hover на десктопных?

Александр Решетняк @Vampireos
https://vk.com/axelaredz

<body ontouchstart="">

и также можно использовать небольшой плагин
для jquery https://github.com/furf/jquery-ui-touch-punch
когда например нужна поддержка перетаскивания dialog окон jq ui на сенсорных

вроде как помогает)

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как настроить поведение элементов при таче на мобильных устройствах, как hover на десктопных?

edk55 @edk55

Попробуй добавить аттрибут ontouchstart на тег body. И используй :active в css.

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как настроить поведение элементов при таче на мобильных устройствах, как hover на десктопных?

Михаил Чирский @chirskiy_mixail
Очень давно занимаюсь версткой, имею огромный опыт

Mopkoff-ka Вы не правы, по умолчанию, если вы делаете :hover через CSS, то на мобилках 1 клик, будет именно :hover, а 2 уже переход по ссылке, как я считаю, делать доп. клик чтобы что то подсветить, это не есть гуд, потому я использую modernizr, для того чтобы определить есть поддержка touch или нет, и завязываю класс на .no-touch :hover. таким образом, как раз клик отработает сразу.
А вообще, правильно я считаю, если у вас что то подсвечивается, на мобилке сразу показывать так, ну и т д. ну двойной клик, как вы привели пример в drom.ru и меняется фон, это не гуд. Пользователю не интересен ваш фон, ему нужно четкое выполнение его требований, нажал на ссылку, перешел куда надо, а не увидел красивый фон.

Ответ написан более трёх лет назад

3 комментария

3 комментария
Что нужно дописать в скрипте, чтобы его параметры менялись взависимости от размера экрана?
Dmitriy Mozgovoy @DIITHiTech
Fullstack javascript developer
Свойства дисплея хранятся в:
screen.width
screen.height
screen.availWidth
screen.availHeight

Либо $(document).width(), но тут может быть окно не на всю развернуто, как на windows планшетах...
Ну тогда количество слайдов:
count=Math.floor(screen.availWidth/slideWidth);
Либо
count=screen.availWidth>768 ? Math.floor(screen.availWidth/slideWidth): 1;

//на дисплеях менее 768px будет всегда 1 слайд, а на больших - количество считается по факту
Или просто 1-2
count=screen.availWidth>768 ? 2 : 1;

Ответ написан более трёх лет назад

Комментировать
Комментировать
Как на C++ проверить массивы на симметричность относительно центра?

Xano @Xano

Да, сложные нынче пошли лабы, без тостера никак :)
Неважно, сколько N ( {1,2,2,1}, например, симметричен )

int i = 0, j = N -1;
while ( i < j )
{
if ( v[i++] != v[j--] )
{
return false;
}
}
return true;

П.С. сплю уже, 2 массива. Ок, while->for ( int i =0; i < N; ++i ) if( v1[i] != v2[N - i - 1] ) return false; return true;

Ответ написан более трёх лет назад

3 комментария

3 комментария
Как в страницу ниже меню по нажатию на ссылку подгрузить с помощью JavaScript соответствующую страницу?

Александр Таратин @Taraflex
Ищу работу. Контакты в профиле.

javascript.ru/ajax/intro
learn.javascript.ru/ajax

Ответ написан более трёх лет назад

3 комментария

3 комментария
Как сделать на jquery, изменение стилей элемента и возвращение их в исходное состояние?
Виталий Киренков @DeLaVega
Верстаю, фронтэндю =)
.active { color: red;}
$(".btn").click(function(){ $(this).toggleClass("active"); })

Понятно, что происходит?

Ответ написан более трёх лет назад

2 комментария
2 комментария
Почему не работает transition свойство?

Евгений Петров @Petroveg
Миром правят маленькие с#@&ки

Переключение display не даст возможность применять transition. Используйте, например, opacity.

Если хотите плавное изменение свойств при наведении (или другом состоянии) — не цепляйте transition к этому состоянию (например, к :hover в вашем случае), потому что как только состояние пропадёт (увели курсор с элемента), то произойдёт резкая смена значений.

Однако, если вам нужно плавное появление и резкое исчезновение, то вешать нужно как раз на :hover (или другое выбранное для появления состояние).

Ответ написан более трёх лет назад

Комментировать

Комментировать
Почему не работает transition свойство?

Ден Тоцкий @xDen

jsfiddle.net/0dtg8jk1/2

Ответ написан более трёх лет назад

Комментировать

Комментировать
Почему не работает transition свойство?

cha-cha @cha-cha

transition применяется к самому элементу, а не к hover.

Ответ написан более трёх лет назад

Комментировать

Комментировать
Почему не работает transition свойство?

Myateznik @Myateznik

Вот готовый вариант код:
jsfiddle.net/x6gLjo6o

Ответ написан более трёх лет назад

1 комментарий

1 комментарий
Как средствами css сделать такую границу у блока?

Андрей Морозов @LuckyTrue
JS-разработчик

Сделал с помощью transform: rotate() и box-shadow

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как средствами css сделать такую границу у блока?

Maksim Zverev @m1skam

Тень задается box-shadow, online box-shadow генераторов хоть отбавляй, вам остается только повернуть блок на нужный угол с помощью transform: rotate()

Ответ написан более трёх лет назад

Комментировать

Комментировать
Какой jQuery плагин использовать в этом случае?

Сергей Той @Toy
Front-end Developer @ Starbucks

.animate() тут вполне хватит.

Ответ написан более трёх лет назад

Комментировать

Комментировать