2010-01-27 115 views
0

erm ...嗨,首先,我想問如何改變一個Facebook風格的燈箱內容與textarea?jquery/javascript內容替換?如何

我不知道該怎麼exaplain,但我認爲下面的圖片會說什麼,我想

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

我使用Facebox做彈出的內容,所以我怎樣才能使彈出內容動態?

示例:編輯textarea,單擊Example,facebox彈出。

這裏的鏈接famspam.com/facebox/

Facebox是一個基於jQuery的,臉譜式收藏夾,其可以顯示圖像,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

像這樣:

<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

+0

嗯...我已經嘗試,facebox僅僅只加載載荷和載荷。 – user259752 2010-01-27 03:37:51

+0

再試一次;我只是修復它。 – SLaks 2010-01-27 03:38:09

+0

呃...如何使它可重複使用? 只能將id(#)更改爲class(。)? – user259752 2010-01-27 03:52:44