Как вывести стандартные всплывающие подсказки из админки ДЛЕ в tpl файлах шаблона?

prpobed5 01.07.2016 Общие вопросы по PHP, Ламерские вопросы 1673

вопрос

В дефолтной ДЛЕ, например в форме добавления новости из админки, после полей стоят круглые синие иконки с вопросительный знаком - при наведении курсора на которые всплывают подсказки.
Они используются только в админке, и выводятся так:


<span class="help-button" data-rel="popover" data-trigger="hover" data-placement="right" data-content="{$lang['hint_title']}" >?</span>

Как сделать чтобы эти иконки можно было вывести в шаблоне - в tpl файлах?

Ответил: Iceman

Создай файл tooltip.jsи добавь туда следующий код или уже в готовый css вставь.

Создай tooltip.css и подключи его в шаблон

Добавить вызов самого скрипта

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

Пример как использовать в шаблоне:

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>

9 комментариев

Эксперт

1925

nowheremany - 2016-05-051 июля 2016 10:42 - #56775

Иконки - это спец шрифт от бутстрапа.
Лично я юзаю http://fontello.com/ для генерации своего шрифта для своих модулей

Благодарность принимаю тут Связь

Юзер

prpobed5 - 2016-05-051 июля 2016 11:31 - #56776

Нужно вывести в шаблоне не просто саму иконку, а её функционал - при наведении чтобы появлялась подсказка.
Т.е. есть дефолтный скрипт который это делает в ДЛЕ, но только в админке.
Как сделать, чтобы через этот скрипт, свои подсказки можно было вывести в любом tpl файле шаблона?

Эксперт

1925

nowheremany - 2016-05-051 июля 2016 16:21 - #56779

В админке используется bootstrap - в нём есть JS модуль tooltip. однако вряди его можно выдернуть отдельно. Ищите JS tooltip модуль для сайта

Благодарность принимаю тут Связь

Юзер

Iceman - 2016-05-051 июля 2016 17:14 - #56783

Ссылка на tooltip.js
Ссылка на tooltip.css

Кто может поправить ответ мой, поставьте туда эти ссылки, вместо большого куска кода.

Юзер

Iceman - 2016-05-051 июля 2016 17:21 - #56784

Блин дал на tooltip, а там popover.
Вот popover:

Подключить CSS popover.css
Подключить JS popover.js

Вызов в JS

$(function () {
  $('[data-toggle="popover"]').popover()
})

Пример вставки в шаблон tpl

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
  Popover on left
</button>

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
  Popover on top
</button>

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus
sagittis lacus vel augue laoreet rutrum faucibus.">
  Popover on bottom
</button>

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
  Popover on right
</button>

Демо и документация _http://getbootstrap.com/javascript/#popovers

Эксперт

1925

nowheremany - 2016-05-051 июля 2016 17:24 - #56785

 $('[data-toggle="popover"]').popover()

такое подключение - долгое. Лучше использовать класс. В 3 версии бутстрапа они отказались от этого

Благодарность принимаю тут Связь

Юзер

Iceman - 2016-05-051 июля 2016 17:28 - #56786

Можно и к классу привязать. Человеку помог, а дальше пусть он сам под свои нужды и удобства подгоняет как ему нужно :)

Юзер

prpobed5 - 2016-05-052 июля 2016 15:49 - #56798

Большое спасибо. То что нужно!

Юзер

amnistik - 2016-05-0526 марта 2018 19:10 - #68040

Добавить вызов самого скрипта

а куда это вставить?

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
Вчера, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:17

фтп обычный юзер а не root
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:15

дэк только так и загружаю
Gordi | Как реализовать шифрование трафика? ³

Gordi
Как реализовать шифрование трафика?
18-11-2024, 14:14

я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:13

Gordi,
через фтп загружай
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:11

Привет Николай!
Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
или направь на путь истинный, пжст