Задать вопрос
Ответы пользователя по тегу HTML
  • Как сделать так чтобы н была видна полоса прокрутки?

    stanislav-belichenko
    @stanislav-belichenko
    Backend PHP Developer
    Есть несколько способов. Можно использовать хитрые свойства css, но они для разных браузеров свои (взято отсюда):
    /* хром, сафари */
    .element::-webkit-scrollbar { width: 0; }
    
    /* ie 10+ */
    .element { -ms-overflow-style: none; }
    
    /* фф (свойство больше не работает, других способов тоже нет)*/
    .element { overflow: -moz-scrollbars-none; }

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

    Вот еще вариант, но это когда известны размеры (ширина). Хотя в целом ничто не мешает вам узнавать ее или под разные media делать разные заранее известные размеры вашего блока с прокруткой.
    Ответ написан
    Комментировать
  • Как убрать из url сайта .html?

    stanislav-belichenko
    @stanislav-belichenko
    Backend PHP Developer
    Есть два основных пути:

    1. Использовать некий условно "движок", который позволяет это сделать его средствами, а именно - позволяет на определенный url сайта отдавать не просто некий файл, а некий результат выполнения некоего кода.

      То есть, при запросе вроде your-site.ru/blog/1 он будет отдавать не просто страницу your-site.ru/blog/1.html с обрезанным расширением, а обращаться к некоей функции (условно), которая будет понимать, что ей нужно обратиться к базе данных сайта, взять оттуда запись с индексом 1 и вывести ее пользователю.
    2. Если описанный выше функционал не предполагается и нужно просто убирать расширения файлов, то воспользоваться функциями модуля mod_rewrite для веб-сервера Apache, а именно создать в корне сайта файл .htaccess и прописать в нем несколько директив:
      RewriteEngine On
      RewriteCond %{REQUEST_FILENAME}.html -f
      RewriteRule !.*\.html$ %{REQUEST_FILENAME}.html [L]

      Подробнее об этом можно найти в интернете по запросу вида "mod_rewrite remove html extension".

    Ответ написан
    2 комментария
  • Как реализовать смену заголовков в модальном окне?

    stanislav-belichenko
    @stanislav-belichenko
    Backend PHP Developer
    Для начала, вы зря указали в тегах php, все телодвижения с модальными окнами и прочим динамическим контентом на странице делаются при помощи js.

    В целом же, сначала вам нужно выбрать, каким путем вы хотите идти:
    1. Писать свой собственный код на чистом js для этой цели. Будет быстрее работать (возможно) как загрузка сайта, так и его отображение, но за совместимость со всеми браузерами, за весь привычный для модалок функционал и все прочее будете отвечать вы сами.
    2. Писать свой собственный код, используя JQuery или любой другой js-фреймворк. Уже попроще, и вам даже дали вариант с таким решением в предыдущем ответе, но все равно остаются вопросы по простоте работы с модальными окнами.
    3. Но так как вы не указали в тегах js, предположу, что вы новичок во всем этом и вам стоит использовать не предыдущие два варианта, а этот - использовать фреймворк Bootstrap (HTML, CSS, and JS framework), в котором есть уже реализованные шаблоны со всеми тремя вещами(html, css, js), нужными для построения страниц. Плюс он уже включает в себя упомянутый выше JQuery. В итоге, на примере этого мета-фрейворка, вы сможете научиться одному из вариантов, как правильно работать с фронтендом сайта.


    Как в принципе работать с модальными окнами в третьем варианте, вы можете найти тут, как менять динамически заголовок в модальном окне с помощью того же JQuery, вам опять же ответили в предыдущем ответе, соответственно в случае с Bootstrap+JQuery это будет примерно так:

    $(document).ready(function(){
      //при нажатию на любой div, имеющий класс .div-modal
      $("div.div-modal").click(function() {
        //сначала сменим заголовок, взяв его из атрибута title текущего div (клик по которому мы обрабатываем)
        $("#myModal h2").html($(this).attr('title'));
        //открыть модальное окно с id="myModal"
        $("#myModal").modal('show');
      });
    });


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