Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Реализация всплывающих подсказок с выводом контента в dle

Реализация всплывающих подсказок с выводом контента в dle

Prowockator 01.10.2012 jquery, dle, подсказка Все вопросы » Общие вопросы по вёрстке 7773

вопрос

Здравствуйте! Сейчас на многих сайтах можно увидеть всплывающие подсказки в которых выводится картинка и описание новости. Вот и мне захотелось такое реализовать на своем сайте. Проанализировав исходный код пару сайтов где стоят такие подсказки, я понял что за это отвечает плагин BetterTip для jQuery. Ну я сразу же погуглил и нашел его с нормальным описанием вот здесь. Как мне стало понятно скрипт подгружает специально созданную html страницу и выводит ее в подсказке.

Я хочу подключить данный плагин к блоку "популярные новости".
Вопрос заключается в том, как вывести в подсказку tpl страницу с поддержкой тегa {image-x} и доп. полей. ?
Смотрел как сделано на других сайтах но так и не понял как они это реализовали. Подскажите пожалуйста как можно сие чудо сотворить.

Ответа пока нет

22 комментария

Админ

3457

ПафНутиЙ - 2015-05-151 октября 2012 21:02 - #7608

Не обязательно это делать через тот плагин, тут например это реализовано на bootstrap popover (<< рабочий пример)

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

Prowockator - 2015-05-152 октября 2012 17:31 - #7627

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

Админ

3457

ПафНутиЙ - 2015-05-152 октября 2012 17:35 - #7628

Ну так там же пример есть, скопируйте исх код. и скачайте кастомизированный bootstrap.js (там галочками можно отмечать нужные плагины) - вам нужно tooltip и popover

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

Prowockator - 2015-05-152 октября 2012 22:15 - #7636

Скачал я архив в нем файл bootstrap.js и bootstrap.css. Подключил к шаблону оба файла. А теперь не могу ето все собрать до кучи. Помогите написать правильную html разметку и как активировать сам плагин.
Я прописал это:

<script type="text/javascript">
       $(function(){ 
           $('#element').popover('show')
        });
    </script>

и это:

<a href="#" id="element" rel="popover"data-content="тра-ля-ля">hover over me</a>

и ничерта не произошло ) просто я маловато в этом понимаю.

Юзер

Prowockator - 2015-05-153 октября 2012 14:12 - #7652

ПафНутиЙ,
Ну так поможете или нет ?

Юзер

181

Mr. Hyde - 2015-05-153 октября 2012 14:58 - #7653

<a href="/" rel="popover" data-placement="top" title="text" data-content="text">Dle Code</a>

Юзер

Prowockator - 2015-05-153 октября 2012 15:57 - #7654

Ну так у меня тоже самое кроме data-placement="top" Что ето?

Админ

3457

ПафНутиЙ - 2015-05-153 октября 2012 17:06 - #7658

адрес сайта в студию.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

Prowockator - 2015-05-153 октября 2012 17:52 - #7659

ПафНутиЙ, я этот плагин пока только на денвер устанавливал.

Админ

3457

ПафНутиЙ - 2015-05-153 октября 2012 20:00 - #7663

ну тогда я бессилен.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

Prowockator - 2015-05-154 октября 2012 12:47 - #7671

ПафНутиЙ, С выводом подсказки разобрался: data-original-title - это заголовок подсказки, а data-content - это сама подсказка. Но мне нужно чтобы эта подсказка подгружалась во время когда на ссылку наводят курсор, а не сразу со всей страницей. Вот в вашем коде на этой странице непонятно от куда она берется:

<div id='comm-id-7608'>Не обязательно это делать через тот плагин, тут например это реализовано на <cite class="wtf">bootstrap popover</cite> (&lt;&lt; рабочий пример)</div>                
            </div>

Как Вы это реализовали ??

Эксперт

1925

nowheremany - 2015-05-154 октября 2012 13:26 - #7672

Трудно почитать документацию?
http://twitter.github.com/bootstrap/javascript.html#popovers

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

Юзер

Prowockator - 2015-05-154 октября 2012 13:35 - #7673

nowheremany, 404 - There isn't a GitHub Page hosted here, sorry.

Эксперт

1925

nowheremany - 2015-05-154 октября 2012 14:08 - #7675

конечно скопировать ссылку сложновато в url

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

Юзер

Prowockator - 2015-05-154 октября 2012 14:37 - #7677

nowheremany, Нет не сложно, но там это не описано !!!!!

Админ

3457

ПафНутиЙ - 2015-05-154 октября 2012 14:05 - #7674

Яваскриптом. Текст, ссылка и картинка вставляются через js-обработчик

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

Prowockator - 2015-05-154 октября 2012 14:41 - #7678

ПафНутиЙ, Ясно, это для меня сложно. Прийдется отказаться от данной затеи.((

Юзер

199

kovalenko3331 - 2015-05-153 октября 2012 18:56 - #7661

ПафНутиЙ, прикольный плагин, думал себе тоже кстати прикрутить BetterTip, но твой тоже понравился, надо посмотреть что за зверь. Спасибо.

Юзер

monach - 2015-05-152 декабря 2012 14:46 - #9071

Ето самое простое что можна было бы написать самому

Юзер

evanstone - 2015-05-1511 января 2014 12:04 - #21347

боже, учите русский язык...

Юзер

Prowockator - 2015-05-1511 января 2014 12:10 - #21348

О сенсей как же мы тебя долго ждали ))))

Юзер

107

nambo1 - 2015-05-1511 января 2014 12:28 - #21349

evanstone,
Скорее учить нужно английский, на нем больше документация

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

Последние события

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
Вчера, 17:08

Разъясните как вытащить id?
lutskboy | Вытащить все данные из определенного доп ... ¹

lutskboy
Вытащить все данные из определенного доп поля?
Вчера, 16:17

в adminer можно.

lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
Вчера, 16:14

выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
js скрипт можно написать


<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
Вчера, 14:39

Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
Вчера, 13:52

где выводить? админка или сайт
TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
21-11-2024, 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 Гб

наверх