Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по PHP » Как вывести стандартные всплывающие подсказки из админки ДЛЕ в tpl файлах шаблона?

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

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

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

<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 комментариев

nowheremany
Эксперт

nowheremany - 1 июля 2016 10:42 -

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

prpobed5 - 1 июля 2016 11:31 -

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

nowheremany - 1 июля 2016 16:21 -

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

Iceman - 1 июля 2016 17:14 -

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

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

Iceman - 1 июля 2016 17:21 -

Блин дал на 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
nowheremany
Эксперт

nowheremany - 1 июля 2016 17:24 - 

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

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

Iceman - 1 июля 2016 17:28 -

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

prpobed5 - 2 июля 2016 15:49 -

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

amnistik - 26 марта 2018 19:10 -

Добавить вызов самого скрипта
а куда это вставить?
$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 25.12.2013 sandrey.de  Общие вопросы по PHP
 31.07.2014 Heavy1  Общие вопросы по PHP
 02.02.2015 alekun  Общие вопросы по PHP
 20.07.2015 deepchik  Общие вопросы по PHP, MySQL
 27.08.2015 grolilus  Стили (CSS), jQuery, Общие вопросы по PHP
 05.09.2015 bluestorm  Общие вопросы по PHP
 25.01.2016 aebot  Общие вопросы по PHP
 14.03.2016 Kaba4ek  jQuery, Общие вопросы по PHP
 13.04.2016 AleksMey  Общие вопросы по PHP
 05.05.2016 serg91100  Общие вопросы по PHP, Хаки, MySQL
  • non-stop | Как решить проблему индексации DLE в пои ... 1
    Фото non-stop
    non-stop
    Как решить проблему индексации DLE в поиске Bing?
    19-12-2024, 17:02
    Забыл написать что обновился до последней версии 17.3
    Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
    В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
  • lutskboy | Как максимально грамотно организовать до ... 1
    Фото lutskboy
    lutskboy
    Как максимально грамотно организовать добавление материалов через SQL-запросы?
    18-12-2024, 21:39
    все верно. related_ids автоматом заполняется потом.
  • derebas | Убираем xfsearch из адресной строки 7
    Фото derebas
    derebas
    Убираем xfsearch из адресной строки
    16-12-2024, 02:35
    в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
    str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
  • toxicpioner | Убираем xfsearch из адресной строки 7
    Фото toxicpioner
    toxicpioner
    Убираем xfsearch из адресной строки
    15-12-2024, 19:31
    если в доп поле есть пробел, будет выдавать просто 403 стр
  • dj-avtosh | Воспользовался хаком удаление html из ад ... 2
    Фото dj-avtosh
    dj-avtosh
    Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
    12-12-2024, 17:26
    Нужно правило с year поднять выше всех в .htaccess
  • TeraMoune | Воспользовался хаком удаление html из ад ... 2
    Фото TeraMoune
    TeraMoune
    Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
    11-12-2024, 22:12
    У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
  • toxicpioner | Как упорядочить ID новостей 19
    Фото toxicpioner
    toxicpioner
    Как упорядочить ID новостей
    9-12-2024, 22:24
    ***Комментарий удален***
  • DnCnv | Как показать только одну категорию, к ко ... 1
    Фото DnCnv
    DnCnv
    Как показать только одну категорию, к которой принадлежит новость?
    9-12-2024, 01:46
    ***Комментарий удален***
  • web102 | Почему не отображается картинка в галере ... 3
    Фото web102
    web102
    Почему не отображается картинка в галерее?
    4-12-2024, 11:49
    дайте адрес сайта. можно в личку
  • Shandi | Почему не отображается картинка в галере ... 3
    Фото Shandi
    Shandi
    Почему не отображается картинка в галерее?
    3-12-2024, 08:53
    Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?
наверх