jquery/javascript content replace?how reusable

Question

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

the images above show what i want,

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

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

the code above work just fine,but how can edit to reusable???

<form>
<textarea id="exampleSource" class="expand">
<html>
<body>

<h1>Heading</h1>

<p>paragraph.</p>

</body>
</html> 
</textarea>
<input type="Submit" value="Submit" class="openExample" />
<input type="reset" value="Reset" />
</form>

bendewey · Accepted Answer · 2010-01-27 04:54:58Z

1

Create a function that accepts string or id of the element.

example:

function popWindow(elementID)
{

    $('.openExample').click(function() {
        $.facebox($(elementID).val()); 
        return false;
    });
}

call it like this popWindow('#exampleSource');

edited Jan 27, 2010 at 4:54

bendewey

40.4k13 gold badges105 silver badges126 bronze badges

answered Jan 27, 2010 at 4:46

mr.b

2,7188 gold badges40 silver badges65 bronze badges

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

4 Comments

Sasha Chedygov Over a year ago

Make that $('#' + elementID).

user259752 Over a year ago

erm...sorry im new, don't understand what you mean, can do a full example to me please??

Sasha Chedygov Over a year ago

Nevermind, I didn't see how you were calling it. Perhaps change the name elementID to selector? Because you're not actually passing an ID (exampleSource), you're passing in an actual selector, with the # symbol.

mr.b Over a year ago

[code]function popWindow(elementID,sourceID) { $(elementID).click(function(e) { e.preventDefault(); $.facebox($(sourceID).val()); return false; }); } [/code] every time you want to call the function. Call it like this. [code] $(function(){ popWindow('#exampleSource','#exampleSource'); }); [/code]

Collectives™ on Stack Overflow

jquery/javascript content replace?how reusable

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related