Ответы пользователя по тегу HTML
  • Каким методом кто пользуется для интеграции pdf на сайт?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Лучше всего, когда документ не встроен в сайт, а открывается в отдельной вкладке при переходе по ссылке. То есть достаточно просто ссылки на pdf-файл. Тогда он и крупный, и адаптивный. В общем, плюсы такой интеграции очевидны.
    Ответ написан
    Комментировать
  • Как из одной функции, передать значение в другую функцию?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Например, через глобальную переменную:
    • Первая функция устанавливает значение глобальной переменной.
    • Вторая функция читает это значение, обращаясь к глобальной переменной.
    Ответ написан
    Комментировать
  • Почему событие отслеживается только при клике в определенном месте div?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    ".modale_cart" - это другой див, а не тот, который содержит иконку.
    Где-то в вашей структуре вложенности дивов есть элемент, который тоже отслеживает клик, но не передаёт его дальше по цепочке, а как бы съедает (оставляет инфу о клике только себе, монопольно).

    Ищите, смотрите другие обработчики. Наверняка там что-то типа:
    .stopPropagation()

    P.S. Ссылка по теме: https://learn.javascript.ru/event-delegation
    Ответ написан
    Комментировать
  • Чем можно заменить a href?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    div, или input, или button, или что угодно.
    Ответ написан
    Комментировать
  • Как сделать доступным переход на страницу сайта только в случае переадесации с другого сайта?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Строго говоря, сайт оплаты должен присылать уникальный токен с ограниченным временем действия или одноразовый.

    Если нет, то нужно смотреть HTTP referer. Проблема в том, что браузер не обязан его передавать. И хоть он в большинстве браузеров включён по умолчанию, его может и не оказаться, хотя клиент придёт именно с сайта оплаты.
    Ответ написан
  • Как создать код на javascript?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    let is_privet, is_poka //для запоминания результатов поиска
    let arr = document.querySelectorAll("div#asd-container .asd") //места поиска
    if (arr) arr.forEach(div => { //ищем указанные тексты
      if (div.innerText == "Привет") is_privet = true;
      if (div.innerText == "Пока") is_poka = true;
    });
    if (is_privet && is_poka) { //выполняем целевой код
      document.querySelector('[class="btn btn--close"]').click();
    }
    Ответ написан
    1 комментарий
  • Как найти все HTML элементы, попадающие в область другого элемента?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Можно разбить на два этапа:
    1) Сначала подготавливаем массив элементов, - а именно считаем прямоугольную область каждого элемента. Теперь у нас массив прямоугольников. Исходя из того, что области меняться не будут, делаем кое-какие дополнительные вычисления для оптимизации этапа №2.
    2) При каждом выделении мышкой, решаем геометрическую задачу по поиску пересечений прямоугольников, которая уже не имеет прямого отношения к HTML, DOM и т.д.

    Навскидку могу предложить такое решение:

    Режем экран в виде невидимой сетки. Размеры ячеек вы выбираете сами. Пусть это будет сетка 10х10 ячеек. Для каждого элемента заранее считаем, в какие ячейки он попадает. То есть каждая ячейка - это массив ссылок на элементы, которые в неё попадают.

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

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

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

    Это был пример простой оптимизации, далёкой от совершенства.
    Ответ написан
    5 комментариев
  • Как сохранить значение кнопки после обновления страницы?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    localStorage

    Можно локально (т.е. в браузере) хранить информацию, что купон уже активирован. И не нужно будет лишний раз беспокоить БД.
    Ответ написан
    7 комментариев
  • Как сделать, что бы Iframe грузился после того, как загрузится весь контент сайта?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Можно попробовать не указывать src у iframe в html-коде.
    document.getElementById("iframe_id").src = "some_url";
    Ответ написан
    1 комментарий
  • Как встроить в страницу стороннего сайта, открытого в браузере пользователя, блок со своим контентом?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    С помощью браузерного расширения.

    Очевидно, создавать такое придётся самому, но ничего особо сложного. Знаний JS достаточно.

    Документация
    Ответ написан
    Комментировать
  • Создания таймера для каждого элемента?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Создайте единственный таймер: setInterval(func, 4);
    И в нём перебирайте все элементы.
    Ответ написан
    Комментировать
  • Как рисовать круги на пунктирной линии через равный промежуток?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Если ширина фиксирована, то png.

    Если резина, то тоже можно картинкой в хорошем разрешении с широким размытием, которое сожмётся в аккуратный край даже тупым алгоритмом.
    Ответ написан
    4 комментария
  • Можно ли не указывать конкретную папку в пути к картинке?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Нельзя.
    Но можно все картинки скопировать в одну папку (например, upload), а затем массовой заменой в файлах изменить пути картинок по шаблону (по регулярному выражению).
    Ответ написан
    Комментировать
  • Как автоматически привести в читаемый вид код из одной строки?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Всегда можно воспользоваться онлайн улучшателями кода.
    Их множество.
    Для этого достаточно в гугле набрать название языка и добавить слово "beautify".
    Ответ написан
    Комментировать
  • Знаки как валют, & и т.д нужно прописывать через HTML CODE или просто печатать?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Если кодировка файла Unicode (например, UTF-8), то можно печатать, иначе прописывать кодами и названиями через &.
    Ответ написан
    Комментировать
  • Встроенный браузер мобильно приложения VK не видит стили, как быть?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Спрашиваешь, как быть?
    Вот варианты:
    1) Забить болт. Пипл схавает.
    2) Не использовать стили вообще, тогда всё будет однообразно.
    3) Отделить некоторые стили от не некоторых, - это и будет решением.
    4) Отделить не все страницы от всех, - это и будет решением.
    5) Помолиться, чтобы эта магия испарилась.
    6) Сидеть в шоке и пялиться в экран, ожидая вразумительного ответа.
    7) Взять себя в руки и найти причину. Ты мужик или нет? Это задача даже не для программиста, с ней любой нормальный сис. админ справится.

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

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Canvas, например.

    Рисовать игру типа жизнь, да и вообще любую игру, в виде таблицы с помощью тега <table> - это очень странное решение.
    Ответ написан
    Комментировать
  • Какими способами и технологиями можно реализовать сайт строительной компании?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Backend здесь будет тупо базой данных с минимальной логикой.
    Вся красота ложится на frontend, и здесь уже используется такая технология, как JavaScript. Если точнее, то WebGL, хотя можно и старый добрый Canvas. В любом случае, это всё JavaScript. И других вариантов, в общем-то, нет.

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

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

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

    Так что вам нужно смотреть, в первую очередь, дизайн (в смысле, проектирование), маркетинг, контроль качества. Либо просто выбрать исполнителя за вменяемые деньги, который все тонкости возьмет на себя.
    Ответ написан
    5 комментариев
  • По клику изменить цвет кнопки без залипания?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Для мобильных нужна мобильная версия сайта. И в ней не должно быть hover. А там уж как решите, можно повесить событие на onclick и во время клика повесить через setTimeout еще одно событие на срабатывание через 1 секунду, которое и будет убирать.

    Только там хитрее. Ведь пользователь может нажимать несколько раз с интервалом в 0.5 сек. Это нужно будет учесть.
    Ответ написан
    Комментировать
  • Как получить изображение канваса, который рисует изображение?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Вы создаете асинхронный код в onload, который должен запуститься после загрузки изображения. Даже если оно уже загружено и ждёт в кеше, этот кусок кода всё равно запустится сразу после текущего куска кода.

    Но перед этим должен закончится текущий кусок кода, в конце которого вы выводите канвас в строку. И естественно, там ничего нет.

    После того, как выполнится console.log, на канвасе будет нарисовано изображение (в onload).

    P.S. Когда исправите эту ошибку, столкнетесь со следующей. Но это будет уже другой вопрос.
    Ответ написан
    Комментировать