Kselax.ru

Hacker Kselax — the best hacker in the world

Menu
  • Блог
  • Контакты
  • wp plugin генератор
  • Русский
    • Русский
    • English
Menu

Drupal 7 — подключение файлов JavaScript

Posted on 17 мая, 201517 мая, 2015 by admin

Здорова! Разберем как подключить JavaScript файлы к Drupal 7. К этой ЦМС если не так просто их подключить.drupal-7 Для этого нужно зайти в папку где находится тема вашего сайта и найти файл info и туда впасать файл js который вы хотите подключить.

 

В моем случае это файл

\sites\all\themes\starfish_responsive_theme\starfish_responsive_theme.info

Открываем его, там мы найдем строки

1
2
3
4
stylesheets[all][] = css/font-awesome.css
stylesheets[all][] = css/style.css
stylesheets[all][] = css/media.css
scripts[] = js/custom.js

Это идет подключение css и js файлов, мы подключим свой файл добавив строку, вообще я два подключу файла и jQuery, хотя JQuery в друпал 7 есть и его не нужно подключать, но для примера подключим, для этого добавим строки

1
2
scripts[] = js/jquery.js
scripts[] = js/custom1.js

дальше нужно скопировать в папку \sites\all\themes\starfish_responsive_theme\js\ наши файлы jquery.js — это библиотека jQuery и файл с нашим скриптом это custom1.js.

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

drupal 7

Так же можно выбрать этот пункт введя в поиске по админке и выбрав очистить кэш

drupal 7 кэшВсе после этого все у нас должно подключится, в коде html мы должны увидеть подключаемые файлы нашей главноей страницы между тегами <head></head>

1
2
<script type="text/javascript" src="http://test_ftp1/sites/all/themes/starfish_responsive_theme/js/jquery.js?noh0y1"></script>
<script type="text/javascript" src="http://test_ftp1/sites/all/themes/starfish_responsive_theme/js/custom1.js?noh0y1"></script>

это значит что все подключилось.

Теперь добавим код в наш скрипт custom1.js

1
2
3
4
5
6
7
8
(function($){
  $(document).ready(function(){
  setTimeout(function () {
alert("hellow world!");
  }, 2000); // время в мс
    
  });
})(jQuery);

через 2000 миллисекунд выведется alert(«hellow world!»);

Да jQuery в друпале 7 есть вроде сам по умолчанию, если я не ошибаюсь, поэтому мы можем его не подключать, потому что если подключим старые скрипты могут не работать, у меня такое было.

CSS по идее так же подключается в этом же файле темы 🙂

[youtube]https://www.youtube.com/watch?v=K_lLqNxyAOw[/youtube]

 

Добавить комментарий Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Рубрики

  • C++ (293)
  • JavaScript (1)
  • linux (1)
  • MFC (39)
  • node.js (2)
  • React (3)
  • uncategorized (3)
  • vBulletin (5)
  • Visual Studio (9)
  • wordpress (18)
  • Разное (121)

Метки

Ajax bootstrap CentOS CLI expressjs FormData GDlib google Invisible reCAPTCHA JWT media MFC php react-router-dom redux repository wordpress RTTI STL vBulletin vector Visual Studio WINAPI wordpress wp-plugins XMLHttpRequest Двоичное дерево Задачи С++ Игры С++ Исключения С++ О-большое Операторы_С++ Перегрузка операторов С++ Поиск С++ Потоки Проектирование_С++ С++ Типы_С++ Типы С++ Шаблоны С++ библиотеки локализация макросы С++ сортировка С++

Свежие комментарии

  • Proffirot к записи Программка для заполнения форума на vBulletin 3.8.7
  • RA3PKJ к записи visual C++, создание диалоговых окон.
  • JasonReant к записи Создание и использование статических библиотек .lib в visual studio.
  • MyWin2020 к записи Программка для заполнения форума на vBulletin 3.8.7
  • ScottJip к записи Создание и использование статических библиотек .lib в visual studio.
©2021 Kselax.ru Theme by ThemeGiant