Jump to content

IvanRu08

User
  • Posts

    224
  • Joined

  • Last visited

  • Days Won

    3

Posts posted by IvanRu08

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

  2. 1 час назад, DivMan сказал:

    В Алерт будет попадать текст, который находится в форме, при каждом вводе символа? 

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

  3. Друзья, всем привет. Стоит вроде тривиальная задача, но решить не могу. Есть форма поиска. Скрипт должен отследить когда пользователь начнет там что-то вводить. Сработать это должно только один раз. То есть при последующем изменении значения поля ничего делать не нужно. НО! Как только на форму поиска опять кликнули, события должно сработать еще один раз. И так далее.

    Попробовал вот так вот, но срабатывает при каждом новом символе:

    jQuery(function () {
        var search_flag = false;
    
        if (!search_flag) {
    
            $('.input_search').on('input', function () {
                
    			let elem = $(this).val();
                alert(elem);            
    
            });
    
            search_flag = true;
    
        }
    });

    Как сделать, чтобы срабатывало каждый раз, когда поле в фокусе - вообще ума не приложу. Товарищи, буду благодарен за любые мысли в этом направлении. 

  4. 4 часа назад, Daniyar сказал:

    Что здесь не так

    Я думаю вы нам должны рассказать, что здесь не так и какого результата вы хотите добиться. А мы сообщество постарается помочь :)

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

  5. В общем, кастомно оформляю кнопку загрузки файла. С помощью JS и массива files вывожу название прикрепленного файла, но есть проблема. Допустим, я прикрепил сначала 2 файла, а потом мне захотелось прикрепить 1 файл.

    И по идее прошлые два файла должны исчезнуть, и появиться текущий. В моем же случае последний добавленный файл конкатенируется к двум предыдущим. Как это победить?

    http://jsfiddle.net/2x152yxx/

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

    Реализовать с помощью height 0% - 100% и transition - не вариант. При height 0% скрывает не все меню.

    И еще один вопрос. Стоит ли сейчас вообще использоваться jQuery в проектах? Или появились уже более легкие и современные аналоги?

  7. Пропишите вьюпорт для мобильных устройств. Почему то не работает слайдер + никак не реагируют иконки социальных сетей на наведение. Вместо reset.css рекомендую использоваться normalize.css. Не обязательно все стили сбрасывать. 

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

    border: 2px solid transparent

    Все, что заметил при беглом взгляде :)

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

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

  9. 15 часов назад, npofopr сказал:

    Готовые сборщики, это что то типа tars или NTH-start-project. 
    Гугл легко вам их выдаст. Ну и много других.

    Ага, спасибо. Как я понял, в том же Star для подключения и объединения js в один bundle все равно используется webpack. Я прав?

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

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

  11. 4 часа назад, SnowSilver сказал:

    Это так в шапке 4 линиями показано, какой высоты должне быть контейнер для десктопа или мобильной версии? 
    Если бы вы создавали сетку, на сколько колонок бы вы поделили ? 

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

    • Like 1
  12. 3 часа назад, npofopr сказал:

    Вам надо нормально сборщик, я так понимаю, настроить.

    Посмотрите лучше в сторону готовых сборщиков, как у них это реализовано. Там и понятнее станет. Благо их нынче куча.

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

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

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

    Вроде, как то можно подключить с помощью browserify или webpack, но разобраться не могу никак

    Заранее спасибо за ответ!

  15. Доброго времени суток. Есть 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. В чем может быть ошибка?

  16. Всем привет. Нужно сделать анимированную траснформацию "гамбургера" в крестик. Что нужно сделать:

    1. При наведении на "гамбургер" верхняя и нижняя полосы встают на место средней.
    2. Затем средняя исчезает
    3. И после этого две оставшиеся полосы поворачиваются на 45 и -45 градусов

    Проблема в том, что сделать это нужно именно пошагово, а не все сразу. У меня работает очень странно: http://jsfiddle.net/8x4rkuq2/

    Никак не могу понять, в чем причина. Буду очень благодарен за помощь!

  17. 1 час назад, Tilonorrinco сказал:

    Иван, костыльный, потому что написан ad hoc, т.е. не учитывает дальнейшую судьбу сайта и все возможные ситуации, в которых этот скрипт может работать некорректно. Как мне кажется, лучше конфигурировать уже написанный скрипт под свои нужды, чем изобретать велосипед.

    Дополнительный плагин для меню не будет существенно замедлять сайт. 

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

  18. 3 часа назад, DivMan сказал:

    А зачем проверять ширину с помощью js? на это же есть медиазапросы 

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

    3 часа назад, Tilonorrinco сказал:

    Иван, если я Вас правильно понял, нужно просто прописать это условие в обработчик клика. 

    http://jsfiddle.net/6dhjb2vn/9/

    Теперь меню не работает, если ширина вьюпорта более 767пх. Заодно исправил недочет со сворачиванием меню по клике на ссылке.

    ПС Скорее всего есть готовый плагин, который реализует подобный функционал, т.к. наше решение получилось немного костыльным с т.з. архитектуры.

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

  19. Доброго времени суток. Возникла проблема. Нужно найти последний элемент в контейнере. Неизвестно, что это будет: абзац, картинка, список и тд. То есть:

    <!--Первый случай-->
    <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>

    Вот, что должно получиться:

    1. В первом случае должен, например, выделяться красным список
    2. Во втором случае - абзац
    3. В третьем - картинка

    Каждый раз выбирается последний элемент именно в этом диве, и элементы всегда разные, т е на последнем месте должен стоять любой. Пробовал и last-child, last-of-type и с помощью JS пытался - результат не тот. Есть выход из этой ситуации?

  20. 1 час назад, Tilonorrinco сказал:

    Очень благодарен. Осталась еще одна проблема. Эти скрипты продолжают работать, даже когда сайт развернут на всю ширину. Пытался решить проблему вот таким способом:

    currentWidth = document.documentElement.clientWidth;
    if (currentWidth <= 767) {}

    Но вычисляется размер экрана только один раз при загрузке страницы. Как сделать так, чтобы вычисление происходило в реальном времени?

  21. Всем привет. Есть адаптивное меню.

    Снимок экрана 2017-10-25 в 18.17.18.pngСнимок экрана 2017-10-25 в 18.18.03.png

    Нужно реализовать следующее:

    1. При нажатии на открыть меню, меню должно разворачиваться, а текст меняется на "Закрыть меню" (с горем пополам реализовал)
    2. При нажатии в любом другом месте (но не на само меню), меню должно скрываться, текст меняется опять на "Открыть меню". Это почти реализовано, однако при клике на само "закрыть меню", меню сворачивается, но текст не меняется.

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

    Заранее спасибо за ответы

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy