jquery / javascript内容替换?如何

时间:2010-01-27 03:21:25

标签: javascript jquery

嗯...首先,我想问一下如何用textarea更改facebook风格的灯箱内容?

我不知道如何扩张,但我认为下面的图片会说出我想要的内容

http://img163.imageshack.us/img163/6248/93306989.jpg

我正在使用Facebox来制作弹出式内容,那么如何让弹出式内容动态化呢?

示例:编辑textarea,单击Example,facebox弹出。

此处指向famspam.com/facebox /

的链接

Facebox是一款基于jQuery的Facebook风格灯箱,可以显示图像,div或整个远程页面。

这是我的代码

<textarea class="expand" rows="" cols="">
<html>
<body>

 <h1> Heading</h1>

 <p> paragraph.</p>

 </body>
 </html> 
 </textarea>
 <a href="#" rel="facebox" class="example">Example</a>

1 个答案:

答案 0 :(得分:1)

像这样:

<textarea id="exampleSource">...</textarea>
<a href="#" id="openExample" class="example">Example</a>

<script type="text/javascript>
    $(function() {
        $('#openExample').click(function() {
            $.facebox($('#exampleSource').val()); 
            return false;
        });
    });
</script>

Demo