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

igorigor76

  • Осваиваюсь на форуме
  • 40
  • 0 / 0
Как это сделано?
« : 05.02.2021, 21:24:14 »
На сайте http:// bhi. spb. ru/sveden/document/#anchor_reportEduDocLink около некоторых документов маленькая картинка, указывающая на то, что документ подписан ЭЦП. При наведении на картинку появляется всплывающее сообщение о дате, владельце ЭЦП и т.д.

Как это сделано? Это просто CSS или реально прикручено подписывание документов ЭЦП?
Если это CSS, дайте подсказку как это реализовать.
*

sivers

  • Живу я здесь
  • 2464
  • 336 / 0
Re: Как это сделано?
« Ответ #1 : 05.02.2021, 23:16:01 »
дайте подсказку как это реализовать.
Можно даже вот так:
_https://getbootstrap.com/docs/5.0/components/tooltips/
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: Как это сделано?
« Ответ #2 : 06.02.2021, 16:00:43 »
Это заранее собранные данные в json, у ссылки есть атрибут data-signature-id (к примеру 88 у первой), если открыть исходный код страницы, то внизу видно ссылку на скрипт http://bhi.spb.ru/sveden/assets/js/sveden.js?v=4.89.1 в котором отрабатываются тултипы, разбирая вот этот элемент.
Код
function l(){var e,i,n=$_vikon(this).data("view_signature_date")|| +куча других условий + (e=i.data("vuz_file_signatures")
Опять же открываем исходный код и внизу видим наш скрытый жсон
Код
<input type="hidden" id="vuz_file_signatures"
               data-vuz_file_signatures="{&quot;88&quot;:{&quot;id&quot;:&quot;88&quot;,&quot;full_name&quot;:&quot;\u0423\u0432\u0430\u0440\u043

То есть они у себя в админке где-то это прописали, на фронте вывели в массив и по ховеру на элемент его разбирают, никакого "на лету" здесь быть не может. Вообще сомневаюсь что php умеет работать с эцп
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться