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

romagromov

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

NewUsers

  • Живу я здесь
  • 2306
  • 212 / 0
  • +375 (25) 627-16-99 (WhatsApp, Telegram)
Стандартных примеров Modal - Bootstrap должно хватить
Занимаюсь создание расширений для Joomla 3.10.x и 4.2.x | Доработка и настройка сайтов. Занимаюсь создание Интернет магазинов с нуля на собственном компоненте + оптимизация загрузки страницы (после предоставляю техподдержку).
Работа с DOM деревом на PHP
*

romagromov

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

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

NewUsers

  • Живу я здесь
  • 2306
  • 212 / 0
  • +375 (25) 627-16-99 (WhatsApp, 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.10.x и 4.2.x | Доработка и настройка сайтов. Занимаюсь создание Интернет магазинов с нуля на собственном компоненте + оптимизация загрузки страницы (после предоставляю техподдержку).
Работа с DOM деревом на PHP
*

romagromov

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

NewUsers

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

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

romagromov

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

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

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

NewUsers

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

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

Если так важно что бы оставлять минимум кода на странице, то можно сделать так что бы модальное окно создавалось и выводилось по нажатию на кнопку...
Занимаюсь создание расширений для Joomla 3.10.x и 4.2.x | Доработка и настройка сайтов. Занимаюсь создание Интернет магазинов с нуля на собственном компоненте + оптимизация загрузки страницы (после предоставляю техподдержку).
Работа с DOM деревом на PHP
*

romagromov

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

gantry5 Joomla шаблон denali и вобще не пойму как настроить частицы

Автор imanager

Ответов: 0
Просмотров: 24
Последний ответ 29.05.2023, 21:42:17
от imanager
Администрирую и редактирую сайт на CMS Joomla. Вопросы про настройки CMS

Автор admi5575

Ответов: 4
Просмотров: 185
Последний ответ 10.05.2023, 09:02:29
от admi5575
Joomla 3 не пускает в админку (просто перезагружается страница) (гуглил, нашёл решение, не помогло)

Автор lifelover2b

Ответов: 10
Просмотров: 2503
Последний ответ 18.04.2023, 09:32:55
от Akeksandr
Затроились все записи в админке Joomla 3.10

Автор rimm

Ответов: 7
Просмотров: 239
Последний ответ 17.04.2023, 12:41:58
от sivers
Окно заполнение контактных данных

Автор Vlad1323

Ответов: 1
Просмотров: 275
Последний ответ 29.03.2023, 16:47:54
от arma