Можем ли мы наложить текст и элементы div с помощью плагина JQuery lightbox? - PullRequest
Новая
       32

Можем ли мы наложить текст и элементы div с помощью плагина JQuery lightbox?

0 голосов
/ 21 августа 2009

Я наткнулся на этот плагин лайтбокса и подумал о внедрении его в свой проект. У меня есть возможность экспорта данных в моем приложении. Когда я нажимаю ссылку экспорта, я хочу, чтобы появился световой блок с текстом и кнопками, такими как «Экспорт в Excel», «Экспорт в текстовый файл» и т. Д.

Но будет ли плагин лайт-бокса накладывать только изображения? Если нет, то как я могу над текстом и элементами div?

Это ссылка для экспорта: 

<a class="button" id="export_entries">Export</a>

Это элемент div, который я хочу отобразить в лайтбоксе. 

<div id="lightboxContent">
<div class="info">
    <h2>Export Options</h2>
    <div>How would you like that?</div>
</div>

<div class="stuff">
    <p class="center">
        <a class="button" title="Excel Document" href="#">Excel(.xls)</a>

        <a class="button" title="Tab Delimited"  href="#">Text(.txt)</a>


    </p>
</div>

РЕДАКТИРОВАТЬ 1

Я попробовал другой плагин лайтбокса под названием facebox, у которого была опция загрузки html-файла в лайтбокс. Но для меня HTML-файл загружается как новая страница. Кто-нибудь может мне помочь?

Я дал код ниже: 

<script type="text/javascript" src="/FormBuilder/app/webroot/js/jquery.js"></script>
<script type="text/javascript" src="/FormBuilder/app/webroot/js/facebox/facebox.js"></script>
 <link type="text/css" rel="Stylesheet" href="/FormBuilder/app/webroot/css/facebox/facebox.css" media="screen,projection" />

<a class="button" rel="facebox" id="export_entries" href="/lightbox.html" >Export</a>

Ответы [ 2 ]

1 голос
/ 25 августа 2009

Плагин LightBox используется для наложения только изображений. Поэтому я выбрал плагин Thickbox , который можно использовать для наложения изображений, текста, HTML и содержимого Ajax.

1 голос
/ 21 августа 2009

Вы можете адаптировать лайтбокс для содержания любого HTML. Все, что он делает, это очищает фон и помещает некоторый HTML в разделение на переднем плане.

Вы можете сэкономить время, выбрав Expose, который является частью инструментов jQuery:

http://flowplayer.org/tools/demos/index.html

...