jquery/javascript content replace?how

Question

erm...hi first, i wanna ask how to i change a facebook-style lightbox content with a textarea?

i don't know how to exaplain,but i think the images below will say what i want

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

i'm using Facebox to do the pop up content,so how can i make the pop up content dynamic?

Example: Edit the textarea,click the Example,facebox pop up.

here the link to famspam.com/facebox/

Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.

and here is my code

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

 <h1> Heading</h1>

 <p> paragraph.</p>

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

SLaks · Accepted Answer · 2010-01-27 03:35:36Z

1

Like this:

<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

edited Jan 27, 2010 at 3:35

answered Jan 27, 2010 at 3:25

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

user259752 Over a year ago

erm...i try already,facebox just loading loading and loading only.

user259752 Over a year ago

erm...how to make it reusable? can just change the id(#) to class(.)?

SLaks Over a year ago

Yes, you can change the selectors to whatever you want.

user259752 Over a year ago

erm...how to make it reusable??? i mean how to use the $this. for reusable??? sorry im new

user259752 Over a year ago

|

Collectives™ on Stack Overflow

jquery/javascript content replace?how

1 Answer 1

Demo

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related