Новости Joomla

Вышли релизы Joomla 5.1.0 и Joomla 4.4.4

Проблема с id в URL материалов Joomla при обновлении большого старого сайта до Joomla 5

В старых версиях Joomla URL адрес формировался по схеме [id материала + алиас материала]. Например, 145-my-article-alias. Однако. старый роутер Joomla был не идеален и плодил дубли страниц, с чем усиленно боролись СЕО специалисты с помощью различных плагинов и хаков ядра CMS.

Используем поля Joomla для фильтрации материалов

Перевод статьи одного из разработчиков ядра Joomla Брайана Тимэна (Brian Teeman).

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 14 Ответов
  • 791 Просмотров
*

DjumaI

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Как вызвать функцию по клику?
« : 25.11.2016, 05:26:29 »
Ребята подскажите пожалуйста!  
По клику на ссылку должна срабатывать функция.

Ссылка 1: <a class="close-link"><i class="fa fa-close"></i></a>
Ссылка 2: <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>

Функция находится в отдельном файле, Файл js подключен к шаблону сайта.

Смотрел фаербагом html-код страницы, но не вижу как вызывается эта функция.

(Функция по клику сворачивает и разворачивает блок модуля с текстом.
Пример можете посмотреть здесь https://colorlib.com/polygon/gentelella/index.html )

Скрипт смотрите в спойлере:
Спойлер
[свернуть]
Мой HTML-код:
Спойлер
[свернуть]
CSS:
Спойлер
[свернуть]

Здесь https://colorlib.com/polygon/gentelella/index.html смотрите рабочие блоки  App Versions,  Device Usage,  Quick Settings
Но даже если скопировать HTML-Код (Весь модуль напр. App Versions) и вставить рядом с этими блоками на этом же сайте(в визуальном редакторе) он не будет работать!
« Последнее редактирование: 25.11.2016, 09:32:03 от DjumaI »
Записан
*

Филипп Сорокин

  • Завсегдатай
  • 1918
  • 160 / 4
  • разработчик.москва
Re: Как вызвать функцию по клику?
« Ответ #1 : 25.11.2016, 07:04:08 »
И вопрос ваш в чём?
Записан
*

DjumaI

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Как вызвать функцию по клику?
« Ответ #2 : 25.11.2016, 07:23:13 »
Цитата: Филипп Сорокин от 25.11.2016, 07:04:08
И вопрос ваш в чём?
Почему функция у меня на сайте не вызывается а на их сайте работает?

Я штмл со стилями и файл со скриптами СКОПИРОВАЛ с того сайта!
(ШТМЛ-код копировал с помощью инструментов для разработчика в браузере, подозреваю что в ШТМЛ-коде при таком копировании упускается какое то событие типа onclick или чтото другое )

Пробовал с помощью инструмента разработчиков визуально редактировать блоки на их сайте, копировал полностью модуль и вставлял рядом его копию - в итоге копия не работает а оригинал работает сворачивается и разворачивается, почему не могу понять!
Подскажите пожалуйста, всю ночь гуглил решение так и не нашел!
Записан
*

Филипп Сорокин

  • Завсегдатай
  • 1918
  • 160 / 4
  • разработчик.москва
Re: Как вызвать функцию по клику?
« Ответ #3 : 25.11.2016, 07:53:18 »
Цитировать
ШТМЛ
HTML, эйч-ти-эм-эль :)

Функция, о которой вы говорите, подвешена в качестве обработчика на определённое событие. Это можно сделать не только в ШТМЛ посредством аттрибута onclick (этот вариант считается "грязным" кодингом), но также в JavaScript, встроенном или внешнем скрипте, например:

Код
jQuery(function($){
  $('.close-link').on('click', ОБРАБОТЧИК);
});

P.S. Жирным шрифтом не злоупотребляйте. Ваши выделения никак не влияют на содержание Вашего вопроса и способность окружающих его понять.

Записан
*

DjumaI

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Как вызвать функцию по клику?
« Ответ #4 : 25.11.2016, 08:13:40 »
Цитата: Филипп Сорокин от 25.11.2016, 07:53:18
HTML, эйч-ти-эм-эль :)

Функция, о которой вы говорите, подвешена в качестве обработчика на определённое событие. Это можно сделать не только в ШТМЛ посредством аттрибута onclick (этот вариант считается "грязным" кодингом), но также в JavaScript, встроенном или внешнем скрипте, например:

Код
jQuery(function($){
  $('.close-link').on('click', ОБРАБОТЧИК);
});

P.S. Жирным шрифтом не злоупотребляйте. Ваши выделения никак не влияют на содержание Вашего вопроса и способность окружающих его понять.


Спасибо за ответ и поучения  :-)
Но мне вот интересно почему мною  описаный пример у меня не работает? Где я протупил или что упустил?
Это уже дело принципа узнать и усвоить урок.

Записан
*

robert

  • Живу я здесь
  • 4974
  • 457 / 20
Re: Как вызвать функцию по клику?
« Ответ #5 : 25.11.2016, 09:03:54 »
Приведите ваш HTML-код: без него нечего вам подсказать.
Записан
Не будь паразитом, сделай что-нибудь самостоятельно!
*

DjumaI

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Как вызвать функцию по клику?
« Ответ #6 : 25.11.2016, 09:16:35 »
Цитата: robert от 25.11.2016, 09:03:54
Приведите ваш HTML-код: без него нечего вам подсказать.
Мой HTML-код:
Спойлер
[свернуть]
CSS:
Спойлер
[свернуть]

Здесь https://colorlib.com/polygon/gentelella/index.html смотрите рабочие блоки  App Versions,  Device Usage,  Quick Settings
Но даже если скопировать HTML-Код (Весь модуль напр. App Versions) и вставить рядом с этими блоками на этом же сайте ( с помощью инструмента для разработчика (визуальный редактор) ) он не будет работать!


« Последнее редактирование: 25.11.2016, 09:33:05 от DjumaI »
Записан
*

robert

  • Живу я здесь
  • 4974
  • 457 / 20
Re: Как вызвать функцию по клику?
« Ответ #7 : 25.11.2016, 09:40:05 »
Все работает же: https://jsfiddle.net/n_robert/weL0o3Lg/. Но зачем так много лишнего, если хотите лишь сворачивать/разворачивать элемент?
Записан
Не будь паразитом, сделай что-нибудь самостоятельно!
*

DjumaI

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Как вызвать функцию по клику?
« Ответ #8 : 25.11.2016, 10:09:43 »
Цитата: robert от 25.11.2016, 09:40:05
Все работает же: https://jsfiddle.net/n_robert/weL0o3Lg/. Но зачем так много лишнего, если хотите лишь сворачивать/разворачивать элемент?
Спасибо, действительно вижу у вас работает.
А у меня на локальном сервере не хочет вот скрин

Создаю сайт на базовом шаблоне Joomla 3.4.6 Протостар + Bootstrap 3 - может это какой то баг этого шаблона или конфликт бутстрапа?
Поставил Joomla options-master и отключил :
  • Mootools
  • Jquery
  • Bootstrap
Все ошибки исчезли но модуль все равно не сворачивается!
« Последнее редактирование: 25.11.2016, 11:27:14 от DjumaI »
Записан
*

DjumaI

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Как вызвать функцию по клику?
« Ответ #9 : 25.11.2016, 11:38:13 »
Цитата: robert от 25.11.2016, 09:40:05
Все работает же: https://jsfiddle.net/n_robert/weL0o3Lg/. Но зачем так много лишнего, если хотите лишь сворачивать/разворачивать элемент?
(Извините что не ответил сразу )
Хочу сделать чтобы модульные позиции сворачивались и разворачивались и чтобы можно было закрыть блок.
Так как опыта в js практически ноль, пытаюсь кое как учиться взяв понравившийся готовый пример и переделывать под себя.
Записан
*

SmokerMan

  • Гуру
  • 5293
  • 720 / 26
Re: Как вызвать функцию по клику?
« Ответ #10 : 25.11.2016, 11:51:59 »
Цитата: DjumaI от 25.11.2016, 10:09:43
Создаю сайт на базовом шаблоне Joomla 3.4.6 Протостар + Bootstrap 3 - может это какой то баг этого шаблона или конфликт бутстрапа?
зачем лепить какие-то скрипты если это есть в Bootstrap?
http://getbootstrap.com/javascript/#collapse
Записан
*

DjumaI

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Как вызвать функцию по клику?
« Ответ #11 : 25.11.2016, 12:06:38 »
Цитата: SmokerMan от 25.11.2016, 11:51:59
зачем лепить какие-то скрипты если это есть в Bootstrap?
http://getbootstrap.com/javascript/#collapse
Спасибо незнал!  Бутстрап тогда решает сворачивание модуля и закрытие (alert).
А как на счет смены иконки при клике (шеврон вниз и шеврон вверх) - как ее организовать лучше?

И еще хотел бы Вас спросить, Роберт Н. сбросил мне ссылку на рабочий пример https://jsfiddle.net/n_robert/weL0o3Lg/ но если нажать на кнопку Run слева вверху (или CTRL + Return) то после этого пример перестает работать. Почему так?
Записан
*

DjumaI

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Как вызвать функцию по клику?
« Ответ #12 : 25.11.2016, 12:14:15 »
Цитата: robert от 25.11.2016, 09:40:05
Все работает же: https://jsfiddle.net/n_robert/weL0o3Lg/. Но зачем так много лишнего, если хотите лишь сворачивать/разворачивать элемент?
После нажатия на рун пример перестаёт работать.
Записан
*

robert

  • Живу я здесь
  • 4974
  • 457 / 20
Re: Как вызвать функцию по клику?
« Ответ #13 : 25.11.2016, 13:13:45 »
Цитата: DjumaI от 25.11.2016, 12:14:15
После нажатия на рун пример перестаёт работать.
Не перестает. Не знаю, на что вы там нажимали.
Убрал лишний код. И еще пример, чтобы вы поняли, как все работает.
Записан
Не будь паразитом, сделай что-нибудь самостоятельно!
*

DjumaI

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Как вызвать функцию по клику?
« Ответ #14 : 27.11.2016, 17:46:16 »
Цитата: robert от 25.11.2016, 13:13:45
Не перестает. Не знаю, на что вы там нажимали.
Убрал лишний код. И еще пример, чтобы вы поняли, как все работает.
Извините что на несколько дней пропал и не ответил Вам!
Спасибо Вам большое за исправленный код (как только заменил его у себя - все заработало). Особенно Вам благодарен за обучающий пример  который объясняет как это работает!
Спасибо Вам за то, что поделились своими знаниями!
Вопрос решен!
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Тип поля формы Select sql, как заполнить его через функцию php?

Автор GuDeVic

 Ответов: 13
Просмотров: 985 		Последний ответ 07.10.2022, 12:25:45
от fsv
Как вызвать одинаковый массив инструкцией $params-&gt;get() в разных модулях?

Автор user2008june

 Ответов: 6
Просмотров: 533 		Последний ответ 13.12.2021, 19:52:39
от anatol81n
Запуск кода по клику

Автор ShopES

 Ответов: 6
Просмотров: 409 		Последний ответ 29.06.2021, 14:29:39
от sivers
Модальное окно по клику средствами Joomla?

Автор romagromov

 Ответов: 8
Просмотров: 944 		Последний ответ 17.12.2020, 20:44:52
от romagromov
Убрать увеличение картинок по клику

Автор TheEd

 Ответов: 5
Просмотров: 847 		Последний ответ 26.11.2019, 14:46:34
от sivers