Здорова! Разберем как подключить JavaScript файлы к 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 . Дальше выбираем пункт меню очистить кэш
Так же можно выбрать этот пункт введя в поиске по админке и выбрав очистить кэш
Все после этого все у нас должно подключится, в коде 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]