IvanRu08

Всем привет. Следующая задача. Есть список рубрик, у каждой из которых есть под рубрика. На странице главной рубрики выводятся записи из дочерних. Как можно сделать, чтобы выводились только записи из родительской. Заранее спасибо за помощь!

Это я просто проверку сделал. Сейчас именно при каждом вводе символа алерт срабатывает. А нужно, чтобы срабатывал один раз. Причем когда форма теряет фокус и опять получается фокус - алерт должен сработать еще раз.

Друзья, всем привет. Стоит вроде тривиальная задача, но решить не могу. Есть форма поиска. Скрипт должен отследить когда пользователь начнет там что-то вводить. Сработать это должно только один раз. То есть при последующем изменении значения поля ничего делать не нужно. НО! Как только на форму поиска опять кликнули, события должно сработать еще один раз. И так далее. Попробовал вот так вот, но срабатывает при каждом новом символе: jQuery(function () { var search_flag = false; if (!search_flag) { $('.input_search').on('input', function () { let elem = $(this).val(); alert(elem); }); search_flag = true; } }); Как сделать, чтобы срабатывало каждый раз, когда поле в фокусе - вообще ума не приложу. Товарищи, буду благодарен за любые мысли в этом направлении.

Я думаю вы нам должны рассказать, что здесь не так и какого результата вы хотите добиться. А мы сообщество постарается помочь И выкладывайте исходный код по возможности на http://jsfiddle.net. Потому что мало кто будет разбираться в неотформатированном коде, как у вас

Скорее всего дело в viewport. То есть запрещено пользовательское масштабирование. Могу ошибаться

Спасибо, такое простое решение и не додумался

В общем, кастомно оформляю кнопку загрузки файла. С помощью JS и массива files вывожу название прикрепленного файла, но есть проблема. Допустим, я прикрепил сначала 2 файла, а потом мне захотелось прикрепить 1 файл. И по идее прошлые два файла должны исчезнуть, и появиться текущий. В моем же случае последний добавленный файл конкатенируется к двум предыдущим. Как это победить? http://jsfiddle.net/2x152yxx/

Итак, появилась необходимость раскрывать/скрывать меню с анимацией. Ради одного slidetoggle не очень хочется подключать jQuery. Поэтому возник вопрос, можно ли это относительно просто реализовать на чистом JS? Все решения, которые я нашел в интернете, очень длинные. Реализовать с помощью height 0% - 100% и transition - не вариант. При height 0% скрывает не все меню. И еще один вопрос. Стоит ли сейчас вообще использоваться jQuery в проектах? Или появились уже более легкие и современные аналоги?

Пропишите вьюпорт для мобильных устройств. Почему то не работает слайдер + никак не реагируют иконки социальных сетей на наведение. Вместо reset.css рекомендую использоваться normalize.css. Не обязательно все стили сбрасывать. На странице должен быть только один тег H1, а у вас там их штук 9. Оставьте один h1, а остальные поменяйте на h2. В слайдере при наведении на кнопку Read more, она визуально увеличивается из за border. Поэтому добавьте к этой кнопке в обычном состоянии: border: 2px solid transparent Все, что заметил при беглом взгляде

Hasiev, по поводу шрифтов. Лично я определяю в главном css файле основные размеры шрифтов, и потом при помощи медиа запросов (если надо), уменьшаю. Можете попробовать задавать шрифты в em, конечно. Но, как по мне, браузеры уже давно хорошо масштабируют PX. 2. По хорошему, макет сначала должен быть нарисован для мобильных устройств, а потом "развернут" для десктопа. Соотвественно, верстальщик должен получить несколько макетов, но так бывает не очень часто Чаще всего присылают макет для декстопа, а дальше вы уже на свое усмотрение адаптивите его (учитывая пожелания заказчика). Шаблона как такового нет. Можете скинуть сюда скрин макета, вам тут подскажут, что да как лучше)

Ага, спасибо. Как я понял, в том же Star для подключения и объединения js в один bundle все равно используется webpack. Я прав? То есть я могу в своей gulp проекте, например, bootsrap-grid.sass подключать с помощью простого import, а для js прикрутить webpack. Будет ли это правильным?

Вопросы должны из админки добавляться? Как вообще эти вкладки должны взаимодействовать с wp? Реализуйте их сначала на HTML, CSS, JS. Хотя, моё мнение, без уверенного знания хотя бы HTML и CSS в WP делать нечего. Быстро зароетесь

Шапка надо делить на две колонки, а футер - на три

Что вы имеете ввиду под "Готовыми решениями"? К Gulp прикрутить какой нибудь webpack?

Не очень понятен вопрос, но подобный макет можно сверстать с использованием сетки boostrap 4 очень легко. Как я понял, вас смущают горизонтальные секции? Это просто еще один контейнер, с вертикальными колонками, как и всегда.

Всем привет. Есть проект с gulp. Установил через npm два модуля: bootstrap 4 и jQuery. Теперь нужно подключить их к проекту. jQuery мне нужен минимизированный, а от бустрапа только сетка. Насколько я знаю, прописывать полные пути в import не лучшая идея. Собственно вопрос. Как подключить, чтобы потом не пришлось в продакшен-папку тащить модули из node-modules? Вроде, как то можно подключить с помощью browserify или webpack, но разобраться не могу никак Заранее спасибо за ответ!

Пытаюсь, чтобы сначала выполнился top, а затем уже rotate

Доброго времени суток. Есть 2 свойства transition: top: 0 transform: rotate(45deg) transition-property: top, transform transition-duration: 0.5s, 0.5s Объединяю их вот таким образом: top: 0 transform: rotate(45deg) transition: top .5s, transform .5s В итоге, свойство top выполняется одновременно с transform. В чем может быть ошибка?

Проблема решена

Всем привет. Нужно сделать анимированную траснформацию "гамбургера" в крестик. Что нужно сделать: При наведении на "гамбургер" верхняя и нижняя полосы встают на место средней. Затем средняя исчезает И после этого две оставшиеся полосы поворачиваются на 45 и -45 градусов Проблема в том, что сделать это нужно именно пошагово, а не все сразу. У меня работает очень странно: http://jsfiddle.net/8x4rkuq2/ Никак не могу понять, в чем причина. Буду очень благодарен за помощь!

Понял, за решение спасибо. Но почему то когда добавляем проверку размера экрана, перестают реагировать ссылки, т е при нажатии ничего не происходит

Мне нужно, чтобы с определённой ширины часть скриптов не работала. Я не знаю, как это реализовать с помощью медиа запросов в CSS. Не подскажете? Спасибо. А почему костыльным? Мне кажется подключение отдельного плагина ещё больше замедлит сайт или я ошибаюсь?

Доброго времени суток. Возникла проблема. Нужно найти последний элемент в контейнере. Неизвестно, что это будет: абзац, картинка, список и тд. То есть: <!--Первый случай--> <div> <p>Какой то текст</p> <img src="" alt=""> <ul> <li>Пункт списка</li> <li>Пункт списка</li> <li>Пункт списка</li> </ul> </div> <!--Второй случай--> <div> <img src="" alt=""> <ul> <li>Пункт списка</li> <li>Пункт списка</li> <li>Пункт списка</li> </ul> <p>Какой то текст</p> </div> <!--Третий случай--> <div> <p>Какой то текст</p> <ul> <li>Пункт списка</li> <li>Пункт списка</li> <li>Пункт списка</li> </ul> <img src="" alt=""> </div> Вот, что должно получиться: В первом случае должен, например, выделяться красным список Во втором случае - абзац В третьем - картинка Каждый раз выбирается последний элемент именно в этом диве, и элементы всегда разные, т е на последнем месте должен стоять любой. Пробовал и last-child, last-of-type и с помощью JS пытался - результат не тот. Есть выход из этой ситуации?

Очень благодарен. Осталась еще одна проблема. Эти скрипты продолжают работать, даже когда сайт развернут на всю ширину. Пытался решить проблему вот таким способом: currentWidth = document.documentElement.clientWidth; if (currentWidth <= 767) {} Но вычисляется размер экрана только один раз при загрузке страницы. Как сделать так, чтобы вычисление происходило в реальном времени?

Всем привет. Есть адаптивное меню. Нужно реализовать следующее: При нажатии на открыть меню, меню должно разворачиваться, а текст меняется на "Закрыть меню" (с горем пополам реализовал) При нажатии в любом другом месте (но не на само меню), меню должно скрываться, текст меняется опять на "Открыть меню". Это почти реализовано, однако при клике на само "закрыть меню", меню сворачивается, но текст не меняется. В общем, первый пункт при помощи интернета удалось сделать, со вторым запутался совсем. Предполагаю, что и первый пункт реализован через одно место, надеюсь, что подскажете, как лучше это сделать. Вот код: http://jsfiddle.net/6dhjb2vn/6/ Заранее спасибо за ответы