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

Рубрика: Без категории, Дата: 17 May, 2015, Автор:

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

 

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

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

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

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 есть и его не нужно подключать, но для примера подключим, для этого добавим строки

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>

<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

(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]

 

rss