Ответы пользователя по тегу HTML
  • Почему не срабатывает событие onchange?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Короче, код конечно... давайте по пунктам, так проще будет.
    1) onfocus="validateFreight()" onchange="validateConfirm()" - так делать не надо. Делаете биндинг события по загрузке документа, это аккуратнее и прозрачнее.
    2) function validateFreight() и validateVolume() внутри себя каждый раз при вызове создают 2 константы, которые опять же можно было определить вне этой функции и один раз определять по загрузке документа, и так же каждый раз вешает биндинг на событие freight.oninput, НО НЕ ВЫЗЫВАЕТ НИКАКИХ ПРОВЕРОК в момент вызова, соответственно if(validateVolume() && validateFreight()) никогда срабатывать не будут, так как по сути нифига не проверяют.
    Ответ написан
    5 комментариев
  • Как сделать модальное окно с подтверждением действия?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    confirm()
    Ответ написан
    Комментировать
  • Почему не отображается логотип в браузере google chrome?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    во первых картинка тянется с другого домена по http (и не факт что он поддерживает https), соответственно хром не тянет ее так как секюрити,
    во вторых - дебилизм тянуть картинки для оформления с другого домена,
    и в третьих можно использовать беспротокольный урл( //domain.name...), по умолчанию будет использоваться текущий протокол.
    Ответ написан
    Комментировать
  • Возможно ли сохранять состояние html файла?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Клиент не всегда имеет подключение к сети, поэтому необходимо работоспособность в offline режиме.

    Идея (бесплатно):
    Раздаете убогим файл хтмл, в котором будет:
    1) прям хтмл форма, которую ваши чукотские оленеводы заполняют, и по кнопочке "сохранить" вся ваша форма оформляется в жсон и просит сохранить файлик локально (через блоб и вот это все). По вкусу - перенести содержимое файла на оленью шкуру/флешку, отправить голубиной почтой/оленями/с ямщиками до вашего офиса. Еще и получите данные в удобной для обработки форме.
    2) Ссылка на скрипт с вашего сайта/домена, который при загрузке подменит функционал вышеприведенной формы на отсылку данных овер богомерзкий хттп(с). В случае отсутствия этих ваших инернектов скрипт тупо не загрузится и все пойдет по бороде первому сценарию.

    Пользуйтесь на здоровье.
    Ответ написан
    Комментировать
  • Как запустить php скрипт прямо в html?

    ThunderCat
    @ThunderCat Куратор тега PHP
    {PHP, MySql, HTML, JS, CSS} developer
    php выполняется НА СЕРВЕРЕ. До того как вы получили хтмл на клиенте, можно сказать его получение на клиенте - результат работы php скрипта на сервере. По этому ответ - нет.

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

    Если потрудитесь объяснить что вам действительно нужно, возможно вам и с реализацией что-то подскажут.
    Ответ написан
    Комментировать
  • Как отправить форму без валидации?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    В программировании нет "особых случаев", есть условия. отлавливайте события отправки формы, проверяйте условия и далее либо отправляете форму, либо нет.
    Ответ написан
    Комментировать
  • Можно ли добавить код в сам HTML файл?

    ThunderCat
    @ThunderCat Куратор тега HTML
    {PHP, MySql, HTML, JS, CSS} developer
    Не очень понятный вопрос...
    В теории - да, можно другим серверным языком изменять хтмл файл и сохранить его в таком виде. На практике это лютая хрень, так как проще хранить данные отдельно, а представление отдельно, по тому как представление может меняться, или вообще отсутствовать (например в API).

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

    Как фрик-проект первый вариант вполне рабочий, а вариант предложенный Владимир Коротенко будет работать и локально, правда храниться все будет не в самом файле, то есть переносимость данных нулевая, по этому говорить о хранении "как в базе данных" тут не приходится.
    Ответ написан
    1 комментарий
  • Есть якорная ссылка. Как изменить её цвет, при нахождении на блоке-якоре?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    когда пользователь находится на блоке-якоре и/или нажал на ссылку и перешел к этому блоку?
    так как это не состояние элемента, а позиция в скролле, то без жс скорее всего никак.
    Ответ написан
    Комментировать
  • Как передать данные на другую страницу при клике?

    ThunderCat
    @ThunderCat Куратор тега HTML
    {PHP, MySql, HTML, JS, CSS} developer
    Во первых теги - хтмл тут при чем? У вас же проблема в жс и пхп?
    Во вторых - выводите в цикле элементы, что подразумевает что их там несколько, при этом все они имеют один и тот же id, так делать нельзя.
    Подскажите, как при клике передать информацию на другую страницу.
    Способов много, гет параметр, куки, сессия... В каждом конкретном случае подходит свой более приемлемый вариант. Вместо того чтобы тумана напускать - четче формулируйте задачу, по вашему описанию нихрена не понятно что вы хотите сделать.
    Ответ написан
    2 комментария
  • Как при скроле вниз сделать появление меню?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    Простое решение - через отслеживание события скролл и изменения видимости блока, но это не очень хорошее решение, так как онскролл часто вызывается и грузит систему. Правильнее испоьзовать Intersection Observer API.
    Ответ написан
    Комментировать
  • Какой есть хороший wysiwyg редактор для сайта?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    https://summernote.org/, единственно - картинки вставляются в бэйз64, либо так и хранить, либо регулярками на сервере парсить и декодить в нормальный файл. В остальном очень удобный и легкий.
    Ответ написан
    Комментировать
  • Как загружать slick-slider первоначально?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    Понятие "сразу же" очень тупое неоднозначное. Во первых вы не можете гарантировать загрузку элементов с которыми работает слайдер иначе, чем по событию домКонтентЛоадед, то есть до полной загрузки документа. Соответственно по этому и грузится все это дело после загрузки. Как вариант - оберните ваш слайдер контейнером с заданной высотой и оверфлоу - хиден. Тогда первый слайд до загрузки скрипта визуально не будет отличаться от готового слайдера.
    Ответ написан
  • Какой это язык?

    ThunderCat
    @ThunderCat Куратор тега HTML
    {PHP, MySql, HTML, JS, CSS} developer
    Коротко:
    Какой это язык программирования?
    Это язык разметки
    Пишет что html , но он не выглядит как html
    html и есть, закомментированные строки содержат некоторую информацию в JSON, но суть от этого не меняется, возможно какой-либо скрипт на фронте умеет вытащить из коментов некую инфу, что-то типа нотаций. ИМХО так себе решение, что в прочем не сильно удивительно для вордпресса...
    Ответ написан
    Комментировать
  • Как сделать плавный переход к якорю(верстка)?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    Решение на жквери + ванила
    Плюсы - работает красиво, аккуратно, в том числе и с динамически подгружаемыми элементами
    Минусы - нужОн жквери, хотя можно переписать и без него, но будет длиннее и мне лениво )
    $("body").on('click', '[href*="#"]', function(e){
                e.preventDefault();
                var fixed_offset = 100;
                if(this.hash){
                    var tp = parseInt($(document.querySelector(this.hash)).offset().top);
                    $('html,body').stop().animate({ scrollTop: tp - fixed_offset }, 1000);
                };
            });
    Ответ написан
    Комментировать
  • Как исправить неожиданное поведение bootstrap на маленьких экранах?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    На самом деле у вас ожидание и реальность совпадают, так как в ожидании ширина визуализации раза этак в 2 больше заданной. Ну и соответственно в реальности видна примерно половина ожидания. В чем вопрос состоит так и не понял...
    Ответ написан
    Комментировать
  • При ховере стрелки скачут, как поправить?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    как поправить?
    Открыть инспектор, навести на элемент, посмотреть что в стилях меняется (например добавляется бордер к элементу или еще что происходит), дальше много думать, потом поправить.
    Ответ написан
    3 комментария
  • Как сделать универсальный шаблон навигации?

    ThunderCat
    @ThunderCat Куратор тега PHP
    {PHP, MySql, HTML, JS, CSS} developer
    Читаем про относительные и абсолютные пути, в частности по отношению к структуре домена.
    Хинт - /some/route - путь от корня сайта.
    Ответ написан
    3 комментария
  • Как верстать много страничные сайты?

    ThunderCat
    @ThunderCat Куратор тега HTML
    {PHP, MySql, HTML, JS, CSS} developer
    Пару строчек на jquery. Можете переписать в ваниллу, суть одна.
    <div id="DivContent"></div>
    <script src="jquery.js"></script> 
        <script> 
        $(function(){
          $("#DivContent").load("another_file.html"); 
        });
        </script>

    С помощью нехитрых манипуляций с дата атрибутами и листенерами на линках меню, будет то что вы хотели.
    Ответ написан
    Комментировать
  • Как исправить ошибку после подключения скриптов?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Во первых ошибка имеет в себе номер строки
    Во вторых скорее всего файл JS у вас начинается тегом script, чего быть не должно, теги в нем не нужны, так как вы уже при подключении указали что это JS.
    Ответ написан
    2 комментария
  • Форма обратной связи на php, как сделать всплывающее окно "Письмо успешно отправлено" поп-апом?

    ThunderCat
    @ThunderCat Куратор тега PHP
    {PHP, MySql, HTML, JS, CSS} developer
    ajax + любой скрипт попапов, или, как самый простой вариант, тупо alert. В любом случае понадобится js.
    Ответ написан
    Комментировать