Динамическая загрузка содержимого через AJAX в контент popover / tooltip окна у Bootstrap темы и не только

Аватар пользователя strelkov.av strelkov.av 17 марта 2020 в 8:44

Добрый день, в основном сайты делаю D7 и Bootstrap 3 шаблоне, и как следствие использую всякие JS примочки Bootstrap, такие как Tooltip, Popover и Modal окна.

Порой очень не хватает такой возможности, как динамическая загрузка содержимого tooltip, popover и modal окна. Т.е. на данном примере: https://getbootstrap.com/docs/3.4/javascript/#live-demo-1 содержимое popover окна уже имеется на странице и находится в title и data-content. Но в моём случае хочется сделать такую возможность, что например на странице материала, комментариев и т.п. где участвуют пользователи и отображаются их имена - можно было бы наводить курсор на их имя, и без клика, по hover-у всплывало popover окно - содержимое которого через AJAX грузилось из определенного дисплея

Т.е. например, если по умолчанию пример выглядит так:

<a href="user/100" data-toggle="popover" title="Имя пользователя" data-content="Какая то информация о пользователе">Петров Иван</a>

то сделать бы так

<a href="user/100" data-toggle="popover" data-views-display="user_info_popover_block" data-views-context="100">Петров Иван</a>

или вместо data-views-display сделать data-views-path чтобы просто использовать дисплеи типа страница, их их сгенерированное содержимое подгружать

Таким образом, чтобы при наведению по ссылке всплывало popover окно, и в его содержимое AJAX подгружалось содержимое Views дисплея или пути указанного в параметрах data- а также этой Views передавался контекст, также указанный в data-views-context

Как такую хотелку можно реализовать?

Комментарии

Аватар пользователя strelkov.av strelkov.av 19 марта 2020 в 13:35

Хм, вроде так просто всё звучит и выглядит, но толи у меня толку не хватило, толи что
Там есть у него пример https://jsfiddle.net/DTcHh/6415/ который я так понимаю при наведении, должен инициализировать всплывающий блок, и путём jquery подгрузить в его содержимое - содержимое ссылки

Однако в всплывающем блоке пишется только

[object Object]

А если перейти прямо по ссылке указанной в качестве источника, там куда больше содержимого

Проверил данный способ на друпале, указав в качестве ссылки на страницу от вьюхи, то в моём случае вообще пустоту показывает в всплывающем блоке, хотя средство разрботчика говорит что 200, мол всё ок и видно что при наведении происходит обращение на указаную ссылку посредством jquery
(также пробовал ставить data-html="true", увы тоже без толку)