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

Виктор Новиков

Я вообще по образованию бухгалтер...
Ответы пользователя по тегу JavaScript

  • Какой сервис выбрать для вывода погоды на сайт?

    YourDesire
    @YourDesire
    Я вообще по образованию бухгалтер...
    openweathermap.org/api

    Документировано и популярно.
    Пишем скриптик, стучимся в api, выводим данные как угодно. Использовал на линуксах для игрушки в виджеты ))
    Ответ написан
    1 комментарий
    1 комментарий

  • Как вывести надпись на передний план?

    YourDesire
    @YourDesire
    Я вообще по образованию бухгалтер...
    Вступление:
    Это НЕ невозможно. Приблизительный пример.
    codepen.io/anon/pen/kkgZrm

    Как заставить "это" работать:
    • slick.css правило для .slick-slider. Отключаем position: relative
    • slick.css строка 38, 39 и далее. Отключаем transform
    • slick.css строка 96. Прописываем внутрь правила .slick-initialized .slick-slide следующее z-index: auto !important
    • slider-fade.css строка 2 правило .header-image. Отключаемposition: relative и z-index
    • layout-slider.css строка 112 правило .header-image Отключаем z-index
    • slider-fade.css Правило .header-content Строка 35 прописываем position: absolute; z-index: 2000;
    • slider-fade.css Строка 25 Правило .header-color-overlay ставим z-index: 1000;


    Или переопределить эти правила в другом css файле... Что болеее предпочтительно...
    После (в обоих случаях) придется пофиксить z-index для пары других элементов (например белая граница), но суть должны уловить...

    Постараюсь объяснить почему даже при условии того, что вы задали z-index для элемента с текстом бОльший, чем у блока с серым фоном, элемент с текстом всеравно остался позади.
    Да и что тут объяснять, все довольно просто:
    Дочерние элементы наследуют z-index родителя и "находятся в его уровне z-index".
    Чтобы наглядно продемонстрировать это, приведу ссылку на пример, который разместил в начале. С небольшими правками.
    Сравните код и вы все поймете

    codepen.io/anon/pen/ORWQEw

    Суть решения вашей проблемы сводится к тому, чтобы убрать все z-index, которые есть у элементов на пути к блоку с текстом, начиная (но исключая из "чистки" от z-index) с того элемента, в котором лежит и слайдер и контейнер с серым фоном. Далее всего-навсего задается нужный z-index тексту, и соответственно, блоку с серым фоном.

    Блин какая простыня текста. Да я мастер выражаться коротко и доходчиво
    Ответ написан
    8 комментариев
    8 комментариев

  • Как сделать задержу отправки формы?

    YourDesire
    @YourDesire
    Я вообще по образованию бухгалтер...
    Зачем человеку советуете promise? Для чего используют promise? Если нужно, подчеркиваю, по завершении операции выполнить то или иное действие, подробнее в документации по promise.

    Человек же хочет, подчеркиваю, чтобы форма отрабатывала через 3 секунды после факта нажатия на кнопку Submit. Не путайте с тем, что он хочет дождаться конца выполнения запроса.

    По теме вопроса:
    setTimeout(function() {
  // Тело функции здесь. Все что внутри, начнет выполняться только через 3 сек.
}, 3000);
// 3000 = 3 сек


    Документация на русском языке по функции setTimeout

    Пример на JSFiddle
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать предзагрузку?

    YourDesire
    @YourDesire
    Я вообще по образованию бухгалтер...
    Можно воспользоваться готовыми плагинами
    https://www.niklausgerber.com/projects/preloadme-a...

    И, конечно же, написать свой, тоже никто не мешает, даже в образовательных целях.

    Основные пункты реализации -
    • Создать элемент прелоадера
    • Поместить элемент прелоадера сразу после <body>
    • Прописать стили, анимации
    • Написать сам скрипт в $(window).on('load', function() { ... });

    Например:
    $(window).on('load', function () {
    var pre= $('.preloader');
    var indicator = pre.find('.indicator');
    indicator.fadeOut();
    pre.delay(350).fadeOut('slow');
});
    Ответ написан
    Комментировать
    Комментировать

  • Как отобразить русские комментарии в js файлах?

    YourDesire
    @YourDesire
    Я вообще по образованию бухгалтер...
    Не стоило выбирать convert
    Попробуйте взять оригинальный файл и попробовать варианты UTF-8 и windows-1251 поочередно, выбирая reload

    Также, можно попытаться автоматически определить кодировку, например, с помощью онлайн-инструментов.
    Вот один из них:
    www.online-decoder.com/ru

    Что же касается convert - он используется в том случае, если файл открыт в редакторе с правильно подобранной кодировкой, т.е. никаких "кракозябр" и необходимо этот же файл сконвертировать в другую кодировку.
    Ответ написан
    3 комментария
    3 комментария

  • Как сделать горизонтальную прокрутку?

    YourDesire
    @YourDesire
    Я вообще по образованию бухгалтер...
    Вам правильно ответил г-н Pavel K по поводу overflow-x: scroll;. Если вас смущает то, КАК именно выглядит скроллбар, то это в сторону сторонних плагинов. И не потому что мне лень объяснять как это реализовать самому, а потому что это та вещь, которую не стоит писать самому в большинстве случаев. Но если вы не в большинстве - никто не мешает посмотреть реализацию любого кастомного скролла.
    Из тех кастомных скроллов, что приходят в голову сразу - SlimScroll
    Ответ написан
    Комментировать
    Комментировать