Jquery move functions to external file and pass some options

Question

I have a script inside of my HTML file. For example

<div id='mydiv'>Hello World</div>

<script>
$(document).ready(function(){
   var newtext = 'Bye-bye world';
   $('#mydiv').html(newtext);
});
</script>

Now I'd like to move the script to external file and make so, that user can define which html to add to which div. For example

<div id='mydiv'>Hello World</div>
<script>
$(document).ready(function(){
   $('#mydiv').changetext({
      'newtext':'My new text'
   });
});
</script>

How can it be done? Thx

Rory McCrossan · Accepted Answer · 2012-02-27 11:30:24Z

1

To use the syntax of your second example you would need to create a plugin.

(function( $ ){
    $.fn.changetext = function( options ) {  
        var settings = $.extend( {
            'newtext'         : 'Default text'
        }, options);

        $(this).text(settings.newtext);
    };
})( jQuery );

See this link for more information: http://docs.jquery.com/Plugins/Authoring.

edited Feb 27, 2012 at 11:30

answered Feb 27, 2012 at 11:25

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Collectives™ on Stack Overflow

Jquery move functions to external file and pass some options

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related