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

mr-molodoy

Ответы пользователя по тегу HTML

  • Как запустить javascript код в html документе?

    @mr-molodoy
    Что у Вас в game.js?
    Подключите его к странице в тег <head></head>
    Что бы получилось, что-то вроде:
    <head>
    <script src = "/javascript/game.js" type = "javascript" />
</head>


    Это загрузит скрипт на страницу но не исполнит его. Предположим, что в этом файле есть некая функция, если же нет - создайте ее и поместите в нее содержимое файла, обратите внимание на области видимости переменных только.
    Допустим есть функция:

    function gameHandler() {
        // Код внутри функции
    }


    Далее, на странице имеем, как Вы выразились "блок", допустим такой:

    <div id = "block">
    ...
</div>


    В таком случае нам нужно написать след. JavaScript (на самой странице):
    $('#block').on('click', gameHandler); // где gameHandler и есть название нашей функции из файла game.js


    Опираясь на ответ, думаю Вы разберетесь.
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать 3 блока одинаковой высоты?

    @mr-molodoy
    Если можно пренебречь старыми браузерами, Вы легко сможете организовать это с помощью flexbox.
    Ответ написан
    Комментировать
    Комментировать

  • Как превратить строку в число?

    @mr-molodoy
    Немного измените структуру шаблона.
    Приблизительно вот так:
    <div class="priceOne">
     цена за 1 мес. - <span>25</span>
</div>

    и javascipt соответственно:
    var priceMessage  = document.getElementsByClassName("priceOne")[0];
var priceRaw         = priceMessage.queySelector('span').innerHTML;
var price                = parseInt(priceRaw);
    Ответ написан
    Комментировать
    Комментировать

  • Как упаковать в html-файл: картинки, css и js?

    @mr-molodoy
    Доброго времени суток.
    Например стили можно не подключать а разместить в тег
    <style>
    JavaScript разместить в тег
    <script>

    Изображения в качестве фона в css можно установить след. образом:
    background-image: url(data:image/gif;base64,{{base64_content}});


    Изображения на странице можно поместить так же
    <img src="data:image/gif;base64,{{base64_content}}" alt="" />


    Шрифты в css:
    @font-face {
    font-family: 'FontName';
    src: url(data:font/truetype;charset=utf-8;base64,{{base64_content}}) format('truetype'),
         url(data:font/woff;charset=utf-8;base64,{{base64_content}}) format('woff');
}


    Где {{base64_content}} - это картинка закодированная в base64.
    Закодировать можно здесь b64.io
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать из css файла - конфетку?

    @mr-molodoy
    Порядок Вы должны соблюдать сами.
    Вам в этом немножко могут помочь css препроцессоры.
    Различные утилиты, максимум, что смогу сделать - помочь Вам причесать Ваш css, например, в блоке отсортировать свойства по алфавиту, но правильно он Вам не переорганизует Ваш код, к сожалению.
    Ответ написан
    Комментировать
    Комментировать