Как подключить Bootstrap и jQuery через модули?

@vlad56 · Регистрация: 06.03.2012

Студворк — интернет-сервис помощи студентам

Здравствуйте.
Нужен сайдбар для google таблицы. Нашёл код и написал его. Для этого сайдбара загружаются Bootstrap и jQuery по url. Считаю из за плохой связи очень медленно грузится сам сайдбар. Создал два модуля

HTML5
1
2
3
4
5
6
7
8
9
10
bs.html
<style>
  Тут код  BS
</style>
 
 
jq.html
<script>
  Тут код  JQ
</script>

Ранее загрузка была по этому коду

JavaScript
1
2
3
4
5
// Подключаем Bootstrap
    var sidebarHTML = '<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">';
 
    // Подключаем jQuery
    sidebarHTML += '<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>';

Переписал так код загрузки через модули

JavaScript
1
2
3
4
5
6
// Подключаем Bootstrap
     var sidebarHTML = '<?!= include('bs'); ?>';
    //var sidebarHTML = '<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">';
    // Подключаем jQuery
    sidebarHTML += '<?!= include('jq'); ?>'
    //sidebarHTML += '<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>';

Отладчик пишет ошибка. Как правильно использовать Bootstrap и jQuery через модули? Помогите кто может.

@vinikon · 13.06.2020, 14:29

Сообщение от vlad56

<?!= include('bs'); ?>

это откуда? что за конструкция? из какого языка?

Сообщение от vlad56

из за плохой связи очень медленно грузится сам сайдбар

загрузите jquery и bootstrap к себе на домен, подключайте со своего домена.
учтите,что файлы стилей надо загружать в секции head сайта

@vlad56 · 13.06.2020, 16:08 **[ТС]**

JavaScript
1
?!= include('bs'); ?

Это вызов функции include('bs') для загрузки файла с bootstrap. Но запись эта не рабочая.
Надо загружать Bootstrap и jQuery через include и через html.

@vinikon · 13.06.2020, 17:45

Сообщение от vlad56

Надо загружать Bootstrap и jQuery через include

через include php их не подключишь, их надо подключать как ссылки,а не как файлы.
вот подключение вашей ссылки в head

HTML5
1
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

js можно подключать по необходимости в любом месте html кода

JavaScript
1
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

если закачать эти билиотеки на сайт , то подключать надо так

HTML5
1
<link rel="stylesheet" href="http://ваш домен/путь/к/файлу/bootstrap.min.css">

и

JavaScript
1
<script src="http://ваш домен/путь/к/файлу/jquery.min.js"></script>

@vlad56 · 13.06.2020, 18:51 **[ТС]**

Или ещё так
bs.html

HTML5
1
2
3
<style>
  Тут код  BS
</style>

JavaScript
1
2
3
4
function include(filename) {
  return HtmlService.createHtmlOutputFromFile(filename)
      .getContent();
}

А потом

HTML5
1
2
3
4
<head>
 <base target="_top">
<?!= include('bs'); ?>
</head>

@vinikon · 14.06.2020, 10:30

спасибо, не знал о Google Docs. теперь понял ваш вопрос.
вот в этом посте на хабре показаны примеры подключения библиотек

HTML5
1
2
3
<!-- styles -->
<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons.css">
<?!= HtmlService.createHtmlOutputFromFile('Styles').getContent(); ?>

и

HTML5
1
2
3
4
5
<!--3rd party scripts -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 
<!-- application scripts -->
<?!= HtmlService.createHtmlOutputFromFile('Scripts').getContent(); ?>

надеюсь,вам поможет.
пока больше не знаю чем помочь, еще надо самому изучать эту библиотеку

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .