В модуль "html-модуль" добавить html и JS

Dinamitt

Осваиваюсь на форуме
38
0 / 0

В модуль "html-модуль" добавить html и JS

« : 24.01.2018, 22:33:33 »

Пытаюсь добавить на сайт интерактивную карту, пример с едой конечно, но суть такая же http://jsfiddle.net/sb9j7/
Там же еще нужно подключить их js файл. Подключаю в index.php в <head> вообще белый экран только. Помогите пожалста !

« Последнее редактирование: 24.01.2018, 22:38:09 от Dinamitt »

Записан

beliyadm

Легенда
9758
1664 / 66
Севастополь, Россия

Re: В модуль &quot;html-модуль&quot; добавить html и JS

« Ответ #1 : 24.01.2018, 23:32:47 »

Создаем копию файла шаблона HTML модуля на уровне шаблона
\templates\шаблон\html\mod_custom\map.html (копируем с таким названием дефолтный default.php)
В нем пишем что то вроде:

Код

<?php
defined('_JEXEC') or die;
// чтобы эти скрипты подключались только на странице, где вызываем модуль
$doc = JFactory::getDocument();
$doc->addStyleSheet(JURI::base().'templates/шаблон/css/ваши стили.css');
$doc->addScript( JURI::base().'templates/шаблон/js/ваш скрипт.js' );
?>
<div class="custom">
	<?php echo $module->content;?>
</div>

Ну и при публикации модуля указываем в доп. настройках ему альтернативный макет map (имя файла можете дать произвольно) и в теле модуля пишем ваш HTML из примера. Все будет прекрасно корректно работать при правильных путях до скриптов

Конечно, можно и в теле хтмл модуля в админке писать инлайновый JS через тег <script> но это крайне некорректно

Записан

Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm

Dinamitt

Осваиваюсь на форуме
38
0 / 0

Re: В модуль "html-модуль" добавить html и JS

« Ответ #2 : 24.01.2018, 23:39:00 »

Да... да у меня просто нет слов. Спасибо огромное. Пока не могу + отблагодарить, выручил очень!

Записан

beliyadm

Легенда
9758
1664 / 66
Севастополь, Россия

Re: В модуль "html-модуль" добавить html и JS

« Ответ #3 : 24.01.2018, 23:49:20 »

Получилось? Просто я задачу так себе понял и предложил банальное решение в лоб любой схожей проблемы

Записан

Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm

Dinamitt

Осваиваюсь на форуме
38
0 / 0

Re: В модуль &quot;html-модуль&quot; добавить html и JS

« Ответ #4 : 24.01.2018, 23:49:43 »

А если нет такой папки? \templates\шаблон\html\mod_custom\

он у меня только в \modules\mod_custom\tmpl\default.php

Или нужно этот default.php переместить с названием map.html в указанную вами папку в шаблоне?

Записан

Dinamitt

Осваиваюсь на форуме
38
0 / 0

Re: В модуль "html-модуль" добавить html и JS

« Ответ #5 : 24.01.2018, 23:50:30 »

Цитата: beliyadm от 24.01.2018, 23:49:20

Получилось? Просто я задачу так себе понял и предложил банальное решение в лоб любой схожей проблемы

Пытаюсь разобраться

Записан

beliyadm

Легенда
9758
1664 / 66
Севастополь, Россия

Re: В модуль "html-модуль" добавить html и JS

« Ответ #6 : 24.01.2018, 23:51:35 »

Можете и на уровне папки модуля сделать свой шаблон вывода (тоже отобразится в настройках).
Просто корректней это переопределять на уровне шаблона, чтоб можно было шаблон на любой другой сайт подключить при необходимости.
Если нет папки - не беда, создать путь \templates\шаблон\html\mod_custom\ и туда положить дефолтный файл и переопределенный

Записан

Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm

Dinamitt

Осваиваюсь на форуме
38
0 / 0

Re: В модуль "html-модуль" добавить html и JS

« Ответ #7 : 25.01.2018, 00:17:58 »

Вроде как все подключил... но что то не как не хочет работать((( В модуле выбрал созданный макет.
У них на сайте указывается, что нужно еще js подключить. Подключил два файла .js как вы указали с главной и один из примера. Получилось 3 .js файла подключены.

Записан

beliyadm

Легенда
9758
1664 / 66
Севастополь, Россия

Re: В модуль "html-модуль" добавить html и JS

« Ответ #8 : 25.01.2018, 00:20:58 »

Если верить вашему примеру http://jsfiddle.net/sb9j7/ то подключить нужно два JS файла, один который внешний jquery.imagemapster.js (не знаю что такое, видимо для работы с картой изображений) и сам JS который прописан в блоке JS
Ну и Jquery естественно должен быть подключен.
Пока не видно примера что конкретно не работает - трудно сказать что нужно сделать.
По сути все просто - сделали свою разметку модуля/, там подключили нужные шрифты и стили, опубликовали и все. Но проблемы всегда возникают на пустом месте.
Нужно видеть в сети что именно вы сделали и что не работает

Записан

Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm

Dinamitt

Осваиваюсь на форуме
38
0 / 0

Re: В модуль "html-модуль" добавить html и JS

« Ответ #9 : 25.01.2018, 00:28:06 »

Цитата: beliyadm от 25.01.2018, 00:20:58

Ну и Jquery естественно должен быть подключен.

подключил из папки "js" в папке шаблона...
Ну 3 js на всякий случай подключил... все есть, только при наведении текст не отображается и области не выделяются.
Спасибо за помощь, еще буду ~~развлекаться~~ пробовать внимательнее.

Записан

beliyadm

Легенда
9758
1664 / 66
Севастополь, Россия

Re: В модуль "html-модуль" добавить html и JS

« Ответ #10 : 25.01.2018, 00:29:23 »

если есть желание и сайт в сети - стукни в скайп beliyadm_pb

Записан

Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm

Dinamitt

Осваиваюсь на форуме
38
0 / 0

Re: В модуль &amp;quot;html-модуль&amp;quot; добавить html и JS

« Ответ #11 : 25.01.2018, 00:33:40 »

Сегодня не могу... желание есть) могу ftp скинуть и все дела... может одним глазом глянете))

аа... понял

Сейчас скачаю...

Записан

Dinamitt

Осваиваюсь на форуме
38
0 / 0

Re: В модуль &amp;quot;html-модуль&amp;quot; добавить html и JS

« Ответ #12 : 25.01.2018, 14:12:21 »

Попробовал другой пример подключить http://jsfiddle.net/eaf2G/ ... Все подключается, видно по CSS стилям подключенным.

1.js это файл из примера, так назвал. Может конфликт какой у меня

Записан

beliyadm

Легенда
9758
1664 / 66
Севастополь, Россия

Re: В модуль "html-модуль" добавить html и JS

« Ответ #13 : 25.01.2018, 14:15:35 »

В консоли же ошибка висит: $ is not a function, значит либо jQuery не подключен вообще либо подключен ниже вашего файла 1.js
Файлы библиотек глобальные всегда должны подключаться выше пользовательский скриптов

Записан

Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm

Dinamitt

Осваиваюсь на форуме
38
0 / 0

Re: В модуль "html-модуль" добавить html и JS

« Ответ #14 : 25.01.2018, 14:26:45 »

не пойму ни как что то

у меня сейчас так:

Цитировать

<?php
defined('_JEXEC') or die;
// чтобы эти скрипты подключались только на странице, где вызываем модуль
$doc = JFactory::getDocument();
$doc->addScript( JURI::base().'templates/ts_lawhouse/js/jquery.countdown.min.js');
$doc->addScript( JURI::base().'templates/ts_lawhouse/js/jquery.sticky.js');
$doc->addStyleSheet(JURI::base().'templates/ts_lawhouse/css/map.css');
$doc->addScript( JURI::base().'templates/ts_lawhouse/js/map.js'); // скрипт с их главной страницы
$doc->addScript( JURI::base().'templates/ts_lawhouse/js/1.js'); //скрипт из примера

?>
<div class="custom">
<?php echo $module->content;?>
</div>

Записан

beliyadm

Легенда
9758
1664 / 66
Севастополь, Россия

Re: В модуль "html-модуль" добавить html и JS

« Ответ #15 : 25.01.2018, 14:27:47 »

Не, надо смотреть в исходном коде страницы, где подключен сам jQuery? Может его на сайте вообще нет, может он перед закрытием BODY...

Записан

Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm

Dinamitt

Осваиваюсь на форуме
38
0 / 0

Re: В модуль &amp;quot;html-модуль&amp;quot; добавить html и JS

« Ответ #16 : 25.01.2018, 14:34:16 »

Это код главной страницы...

Спойлер

[свернуть]

А это посмотрел в index.php в шаблоне

Спойлер

[свернуть]

Записан

beliyadm

Легенда
9758
1664 / 66
Севастополь, Россия

Re: В модуль "html-модуль" добавить html и JS

« Ответ #17 : 25.01.2018, 14:39:55 »

Оберни содержимое 1.js в jQuery(function ($) { .... });
А то скрипт не знает что он должен использовать квери объект ))

Зачем из модуля второй раз подключаешь скрипт, если он уже подключен в шаблоне?
/templates/ts_lawhouse/js/jquery.sticky.js
http://torgia.ru/templates/ts_lawhouse/js/jquery.sticky.js

Зачем дублировать? Оставить тот что в шаблоне шрифт
components/com_sppagebuilder/assets/css/font-awesome.min.css
/templates/ts_lawhouse/css/font-awesome.min.css

Записан

Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm

Dinamitt

Осваиваюсь на форуме
38
0 / 0

Re: В модуль "html-модуль" добавить html и JS

« Ответ #18 : 25.01.2018, 14:48:57 »

Спасибо!! Все заработало

И отдельно спасибо, за подключение скриптов в mod_custom\

Записан

Dinamitt

Осваиваюсь на форуме
38
0 / 0

Re: В модуль "html-модуль" добавить html и JS

« Ответ #19 : 25.01.2018, 15:57:31 »

Другие примеры попробовал вставить... Ошибку не показывает и не работает((( Может такое быть, что версии jquery не сходятся?

Записан

beliyadm

Легенда
9758
1664 / 66
Севастополь, Россия

Re: В модуль "html-модуль" добавить html и JS

« Ответ #20 : 25.01.2018, 16:01:16 »

Цитата: Dinamitt от 25.01.2018, 15:57:31

Может такое быть, что версии jquery не сходятся?

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

Записан

Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm

Как вставить модуль в код нужной страницы php? Автор zvi	Ответов: 9 Просмотров: 3885	21.02.2024, 11:03:08 от saynez
Убрать из модуля новостей ссылку на статью, на которой выводится модуль Автор zeus07	Ответов: 3 Просмотров: 727	08.11.2023, 21:17:26 от GrayAn
reCapcha во всплывающем окне - "Ошибка защиты от спама" Автор Dannik	Ответов: 12 Просмотров: 1844	14.09.2023, 18:59:24 от all_zer
Модуль Похожие метки – только более ранние статьи! Автор Gerostrat	Ответов: 6 Просмотров: 460	24.08.2023, 21:56:09 от sivers
Получить текущий номер страницы плагина "Разрыв страницы" (pagebreak) Автор sertlan	Ответов: 1 Просмотров: 453	12.06.2023, 18:14:09 от sertlan

Что нового в joomla 5.1?

Добавление полей Joomla в результаты Умного Поиска при помощи JFilters

Вышел JoomShopping 5.4.0

Похожие темы