Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Подскажите бутстраповскую всплывающую подсказку 
:(
    Опции темы
mstdmstd
Дата 13.8.2014, 18:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 394
Регистрация: 30.12.2008

Репутация: нет
Всего: нет



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

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

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

Подскажимте плиз что-нить удобное для бутсрапа : помню был когда-то overlib - но наверно есть что-то удобнее и современней...
PM MAIL   Вверх
Game-lot
Дата 14.8.2014, 19:04 (ссылка) |   (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 39
Регистрация: 8.11.2007

Репутация: нет
Всего: 2



Ловите - ссылка 1
ссылка 2

Этот ответ добавлен с нового Винграда - http://vingrad.com
PM MAIL   Вверх
mstdmstd
Дата 15.8.2014, 11:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 394
Регистрация: 30.12.2008

Репутация: нет
Всего: нет



Спасибо !
Заинтересовала 2я ссылка с Popovers, но у меня вставленный код из примера "Popover on bottom" не сработал.
В консоле ошибок нет.
Как нужно инициализировать этот popover?
Я понял что файл popover.js мне в проект добавлять не нужно так как подключен bootstrap.min.js ?
PM MAIL   Вверх
mstdmstd
Дата 15.8.2014, 17:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 394
Регистрация: 30.12.2008

Репутация: нет
Всего: нет



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

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

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

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

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

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

установка ширины не сработала...
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Применение библиотек | Следующая тема »


 




[ Время генерации скрипта: 0.0538 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.