1

このライトボックスプラグインに出くわし、プロジェクトに実装することを考えました。アプリケーションでデータをエクスポートするオプションがあります。エクスポートリンクをクリックすると、ライトボックスにいくつかのテキストと、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

ライトボックスにhtmlファイルをロードするオプションがあるfaceboxと呼ばれる別のライトボックスプラグインを試しました。しかし、私にとっては、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>
4

2 に答える 2

1

LightBoxプラグインは、画像のみをオーバーレイするために使用されます。そこで、画像、テキスト、html、Ajaxコンテンツをオーバーレイするために使用できるThickboxプラグインを選びました。

于 2009-08-25T04:01:46.967 に答える
1

ライトボックスを調整して、任意の HTML を含めることができます。背景を空白にして、前景の区画に HTML を配置するだけです。

jQuery ツールの一部である Expose を確認すると、時間を節約できる場合があります。

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

于 2009-08-21T10:02:36.223 に答える