Тот пример, который я писал ранее сделан для формы simpleForm.
В simpleForm2, как написано на сайте откуда вы скачали его (
http://allforjoomla.ru/xmodules/mod-simpleform2), по другому пишется код формы + в настройках формы нет полей "HTML код перед формой" и "HTML код после формы".
Вот пример использования highslide + simpleForm2:
Скачиваем и устанавливаем дистрибутив
simpleForm2.
Затем скачиваем дистрибутив
highslide.
В архиве дистрибутива highslide будет 3 папки. Из них вам нужна только одна. Берем папку highslide и помещаем ее в корень сайта.
Затем идем в админ. панель жумлы и настраиваем форму. В поле "Код формы" записываем следующий код:
<script type="text/javascript" src="/highslide/highslide-with-html.js"></script>
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = '/highslide/graphics/';
hs.outlineType = 'rounded-white';
</script>
<a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html' } )" class="highslide">Вызов инженера</a>
<div class="highslide-html-content" id="highslide-html">
<div class="highslide-header">
<ul>
<li class="highslide-move">
<a href="#" onclick="return false">Переместить</a>
</li>
<li class="highslide-close">
<a href="#" onclick="return hs.close(this)">Закрыть</a>
</li>
</ul>
</div>
<div class="highslide-body">
<p>{element label="Ваше имя" type="text" required="required" error="Введите ваше имя" /}</p>
<p>{element label="Ваше сообщение" type="textarea" required="required" error="Введите ваше сообщение" /}</p>
<p>
{element label="simpleForm2 - это:" type="select"}
{option label="Модуль" value="Модуль" /}
{option label="Компонент" value="Компонент" /}
{option label="Плагин" value="Плагин" /}
{option label="Не знаю" value="Не знаю" /}
{/element}
</p>
<p>{element type="submit" value="Отправить" /}</p>
</div></div>
Если все равно не получается, то проверьте пути. Например, если вы тестируете на локальном веб сервере (путь:
http://localhost/Joomla/), то пути к библиотеке highslide нужно прописывать так:
http://localhost/Joomla/highslide/highslide-with-html.js
http://localhost/Joomla/highslide/highslide.css
http://localhost/Joomla/highslide/graphics/
01.07.2021, 03:35:15