Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > Подскажите бутстраповскую всплывающую подсказку

Автор: mstdmstd 13.8.2014, 18:16

Всем привет,
В бутстраповском проекте хочу сделать всплывающую подсказку по клику на элементе и чтобы эта подсказка выскакивала рядом с элементом клика
Нашел jGrowl и кодом :

Код


        $.jGrowl("A message with a header", { header: 'Important', sticky: true, position : 'center',  opacity: 'show', theme : ''  }  );

подсказка выскакивает но не в центр а где-то вверху со смещением влево. А значения для элемента positio : UnderElement у него нет

Подскажимте плиз что-нить удобное для бутсрапа : помню был когда-то overlib - но наверно есть что-то удобнее и современней...

Автор: Game-lot 14.8.2014, 19:04

Ловите - http://getbootstrap.com/javascript/#tooltips
http://getbootstrap.com/javascript/#popovers

Этот ответ добавлен с нового Винграда - http://ru.vingrad.com/Podskazhite-butstrapovskuyu-vsplyvayushchuyu-podskazku-id53eb81aaae20151a0d8b4567#findElement_E7045_53ecde25ae2015d076b41907_0

Автор: mstdmstd 15.8.2014, 11:18

Спасибо !
Заинтересовала 2я ссылка с Popovers, но у меня вставленный код из примера "Popover on bottom" не сработал.
В консоле ошибок нет.
Как нужно инициализировать этот popover?
Я понял что файл popover.js мне в проект добавлять не нужно так как подключен bootstrap.min.js ?

Автор: mstdmstd 15.8.2014, 17:16

С инициализацией я разобрался :

Код


        $(".popover-tour-details").popover({
            placement : 'bottom', trigger: 'click', 'html' : true,
        });

Хотя и не совсем удобно что при trigger: 'click' отображается одновременно несколько всплывающих блоков и они не убираются при нажатии cancel или при клике на свободном месте.
Как-то это не привычно.
Если trigger:

Код


'click' =  'hover'

то в этом отношении нормально, но хочется чтобы он так работал и при клике .

И ширину увеличить не удалось, я хочу отобразить во всплывающем окне много инфы которую собрать в табличку :

Код


data-content="<table style='width:400px;border...

установка ширины не сработала...