Блог

Главная - Вопросы по программированию - Как включить JS / CSS в PHP / tpl?

Как включить JS / CSS в PHP / tpl?

#php #jquery #css

#php #jquery #css

Вопрос:

Я скачал виртуальную клавиатуру и не могу включить на свой веб-сайт, я прочитал учебник, в нем говорится, что вам нужно поместить:

 <script type="text/javascript" src="keyboard.js" charset="UTF-8"></script>
<link rel="stylesheet" type="text/css" href="keyboard.css">

этот код в <head> , поэтому у меня есть файлы, .php и .tpl , я попытался добавить его в оба файла, но ничего не произошло, кто-нибудь сталкивался с такой проблемой?

в .tpl 

 <script type="text/javascript" src="keyboard.js" charset="UTF-8"></script>
<link rel="stylesheet" type="text/css" href="keyboard.css">

<main class="main" style="padding:0; overflow-x:initial">
    <div class="container">
        {include file="engine/modules/products/eogpo.php"}
    </div>
</main>
<div id="isTerminal"></div>

<div id="modalError" class="modal info__modal" data-modal>
    <button data-izimodal-close="" class="modal__close">
        <svg class="icon icon-close"><use xlink:href="/images/sprite.svg#icon-close"></use></svg>
    </button>
    <div class="modalStyle">
        <h3 class="info__title" id="errorTitle"><?php echo _("Ошибка"); ?></h3>
        <div id="textError"></div>
    </div>
</div>

<div id="modalInfo" class="modal info__modal" data-modal>
    <button data-izimodal-close="" class="modal__close">
        <svg class="icon icon-close"><use xlink:href="/images/sprite.svg#icon-close"></use></svg>
    </button>
    <div class="modalStyle">
        <div id="textInfo"></div>
    </div>
</div>

<div id="overLoader" style="display: none"><img src="/templates/assets/images/loading.gif" alt="Loading..." /></div>

я добавлен вверху

в .php 

 <script type="text/javascript" src="keyboard.js" charset="UTF-8"></script>
<link rel="stylesheet" type="text/css" href="keyboard.css">
<?php
//ini_set('error_reporting', E_ALL);
ini_set('display_errors', 0);
ini_set('display_startup_errors', 0);
session_start();
?>


<style>
.calculator__bloc:last-child {
    margin-bottom: 0;
}
.calculator__bloc {
    position: relative;
    padding: 30px 37px 34px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.calculator__clos {
    position: absolute;
    right: 25px;
    top: 25px;
}
</style>

сделал то же самое

Комментарии:

1. Покажите свой код, как вы пытаетесь это сделать?

2. Вы должны поместить keyboard.css и keyboard.js в тот же каталог

3. @ZainFarooq да, я поместил их в один каталог

Ответ №1:

Существует опция, для которой вам нужно поместить специальный html-тег в ваш файл .tpl для keyboard.js . Вы можете проверить это в документации.

Также может быть, вы потеряли скрипт инициализации для запуска js — также вы можете проверить в документации.