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

romagromov

  • Давно я тут
  • 650
  • 9 / 3
Здравствуйте!
Задача простая. Человек кликает на кнопку скачать и в этот момент всплывает модальное окно с текстом.
Начал искать всякие решения с JS и без него.
Нашел симпатичное решение на чистом CSS - https://codepen.io/imprakash/pen/GgNMXO
Но не нравится то, что закрыть можно только по крестику, нельзя тыкнуть в любое место на странице.
И тут вспомнил, что Joomla все равно грузит JQuerry и boostrap и там все это уже есть.
Как мне используя это все выполнить мою задачу?
Я имею в виду, самый простой код. Ссылка с классом и спрятанный div, всплывающий по клику.
Спасибо.
*

NewUsers

  • Живу я здесь
  • 2045
  • 188 / 0
  • +375 (25) 627-16-99 (WhatsApp, Viber, Telegram)
Стандартных примеров Modal - Bootstrap должно хватить
Занимаюсь создание расширений только для Joomla 3.x.x | Доработка и настройка сайтов. Работаю по факту (без всяких предоплат). Оплата только на ЮMoney (бывшие Яндекс.Деньги). Помогу с переездом на PHP 7.x и исправлю ошибки PHP.
Занимаюсь создание Интернет магазинов с нуля на собственном компоненте + оптимизация загрузки страницы (после предоставляю техподдержку).
*

romagromov

  • Давно я тут
  • 650
  • 9 / 3
Стандартных примеров Modal - Bootstrap должно хватить

Не дошло, что нужно там искать!
Спасибо!  ^-^
*

NewUsers

  • Живу я здесь
  • 2045
  • 188 / 0
  • +375 (25) 627-16-99 (WhatsApp, Viber, Telegram)
Я имею в виду, самый простой код. Ссылка с классом и спрятанный div, всплывающий по клику.
вот это!

Код: html
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>
Занимаюсь создание расширений только для Joomla 3.x.x | Доработка и настройка сайтов. Работаю по факту (без всяких предоплат). Оплата только на ЮMoney (бывшие Яндекс.Деньги). Помогу с переездом на PHP 7.x и исправлю ошибки PHP.
Занимаюсь создание Интернет магазинов с нуля на собственном компоненте + оптимизация загрузки страницы (после предоставляю техподдержку).
*

romagromov

  • Давно я тут
  • 650
  • 9 / 3
Агонь! 🔥🔥🔥
А может еще подскажете  ::)
Нужно добавить что-то типа кнопки "Жалоба".
По нажатию тоже модальное окно.
В нем dropdown с типом жалобы, поле для текста и поле для email.
По нажатию отправить - уходит на мыло админу.
Понятно, что должны быть специальные компоненты под это дело.
Но это громоздко...
С другой стороны, это тоже громоздко. Ведь на странице будет скрытый код.
В идеале конечно, кнопка "Жалоба", по ней уходим на страницу жалобы, а там в переменной храним URL страницы, на которой была нажата кнопка жалобы.
Короче, сам запутался, что лучше  *ОХ-Х-Х*
*

NewUsers

  • Живу я здесь
  • 2045
  • 188 / 0
  • +375 (25) 627-16-99 (WhatsApp, Viber, Telegram)
Отправляйте форму AJAX в модуль который будет выводить кнопку "Жалоба" и модальное окно и там уже отправляйте письмо админу, ну и вместе с данными формы отправляйте адрес текущей страницы.

Не забудьте про капчу, если форма будет публичная
Занимаюсь создание расширений только для Joomla 3.x.x | Доработка и настройка сайтов. Работаю по факту (без всяких предоплат). Оплата только на ЮMoney (бывшие Яндекс.Деньги). Помогу с переездом на PHP 7.x и исправлю ошибки PHP.
Занимаюсь создание Интернет магазинов с нуля на собственном компоненте + оптимизация загрузки страницы (после предоставляю техподдержку).
*

romagromov

  • Давно я тут
  • 650
  • 9 / 3
Отправляйте форму AJAX в модуль который будет выводить кнопку "Жалоба" и модальное окно и там уже отправляйте письмо админу, ну и вместе с данными формы отправляйте адрес текущей страницы.

Не забудьте про капчу, если форма будет публичная

Слишком много кода на странице получится.
В идеале должно быть так.
Имеем кнопку "Жалоба".
Юзер жмет на нее и уходит на страницу контактной формы, где в специальном поле уже введен адрес страницы, на которой юзер нажал кнопку "Жалоба".
Может есть готовый компонент с такой опцией?
Просто задача, оставить минимально кода на странице материала.
*

NewUsers

  • Живу я здесь
  • 2045
  • 188 / 0
  • +375 (25) 627-16-99 (WhatsApp, Viber, Telegram)
Может есть готовый компонент с такой опцией?
Ну может и есть, но я не встречал!

Тогда выводить ссылку на форму жалобы с GET параметром return=base64_encode(ссылка текущей страницы), и после отправки формы будет редирект обратно...

Если так важно что бы оставлять минимум кода на странице, то можно сделать так что бы модальное окно создавалось и выводилось по нажатию на кнопку...
Занимаюсь создание расширений только для Joomla 3.x.x | Доработка и настройка сайтов. Работаю по факту (без всяких предоплат). Оплата только на ЮMoney (бывшие Яндекс.Деньги). Помогу с переездом на PHP 7.x и исправлю ошибки PHP.
Занимаюсь создание Интернет магазинов с нуля на собственном компоненте + оптимизация загрузки страницы (после предоставляю техподдержку).
*

romagromov

  • Давно я тут
  • 650
  • 9 / 3
Все нашел!
Может кому нужно - https://www.tassos.gr/joomla-extensions/convert-forms
И даже в бесплатной версии очень круто выглядит и опций тонна.
И передает referrer по кнопке. В общем то, что нужно!
А модальные окна через bootstrap для другого юзать буду. Небольшое окно предупреждение будет.
Огромное спасибо за помощь и участие!
 ::)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Защита сайта на Joomla 3

Автор Alex_gs

Ответов: 4
Просмотров: 153
Последний ответ 11.06.2021, 19:39:07
от R31rus
Из сайта на Joomla 3 сделать приложение для android и ios

Автор a159cm

Ответов: 2
Просмотров: 575
Последний ответ 23.05.2021, 21:17:11
от xpank
Баг в поиске Joomla 3.8.5 <span class="highlight'>title</span>

Автор hubby

Ответов: 25
Просмотров: 3978
Последний ответ 15.05.2021, 07:49:26
от jem777
Нужны доработки и исправление ошибок Joomla! 3.6.2

Автор Volegost

Ответов: 0
Просмотров: 99
Последний ответ 28.04.2021, 17:40:35
от Volegost
Не работает JavaScript в Joomla

Автор Dimonchester

Ответов: 2
Просмотров: 140
Последний ответ 25.04.2021, 22:35:36
от Dimonchester