javascript - js functions in jquery plugin -

-

i looking improving js skills js , of how works little confused on how jquery plugins work.

i have started plugin. when standalone functions being called work's fine want plugin.

(function ( $ ) {    $.fn.countdown = function( options ) {      // easiest way have default options.     var settings = $.extend({         // these defaults.         dayselector : "",         hourselector : "",         minuteselector : "",         secondselector : "",         launchdate : new date("december 25, 2013 12:01:00"),         procentagedone : 1,         headercolor : 'yellow',         progressfillcolor : 'green',             description : {header:"header",text:"sample text."}       }, options );       var secondsremaining = math.floor(settings.launchdate.gettime() / 1000) - math.floor(new date().gettime() / 1000);      /* functions calls countdown*/     count(secondsremaining);     updateprogress(settings.procentagedone);     setheadercolor(settings.headercolor);     setprogressfillcolor(settings.progressfillcolor);     setprogressdescription(settings.description['header'], settings.description['text']);       /* countdown functions */     var count = function(secondsremaining) {         alert(secondsremaining)         var days = math.floor(secondsremaining / 86400),             hours = math.floor((secondsremaining - (days * 86400)) / 3600),             minutes = math.floor((secondsremaining - (days * 86400) - (hours * 3600)) / 60),             seconds = secondsremaining - (days * 86400) - (hours * 3600) - (minutes * 60);          if(secondsremaining > 0) {             if(days < 10) { days = '0' + days; }             if(hours < 10) { hours = '0' + hours; }             if(minutes < 10) { minutes = '0' + minutes; }             if(seconds < 10) { seconds = '0' + seconds; }              $('.days > .number').html(days);             $('.hours > .number').html(hours);             $('.minutes > .number').html(minutes);             $('.seconds > .number').html(seconds);              secondsremaining--;          } else {              if(secondsremaining == 0) {window.location.reload();}         }         window.settimeout(function() {countdown(secondsremaining); }, 1000);      }     var updateprogress = function (procent) {          if(typeof procent !== "number") {procent = 0;}          if(procent <= 7) {              $('.progressbarfill').css({ width: '7%' }).find('.progressbarfillmiddle').html(procent + '%');         } else if(procent >= 100) {             $('.progressbarfill').css({ width: '100%' }).find('.progressbarfillmiddle').html('100%');          } else {             $('.progressbarfill').css({ width: procent + '%' }).find('.progressbarfillmiddle').html(procent + '%');         }      }     var setprogressdescription = function (header, text){          $('.progressdescriptionmiddle').find('.descriptionheader').html(header);         $('.progressdescriptionmiddle').find('.descriptiontext').html(text);     }     var objectconverter = function (array) {         var object = {};         for(var i=0; i<array.length; i++) {             object[array[i]] = '';         }         return object;     }     var setheadercolor = function (color) {         color = color.tolowercase();         if(typeof color === "undefined") {             color = 'yellow';         }         if(color in objectconverter(['green', 'blue', 'yellow', 'purple', 'red', 'gray'])) {             $('.header').attr('class', 'header').addclass(color);         }     }     var setprogressfillcolor = function (color) {          color = color.tolowercase();         if(typeof color === "undefined") {             color = 'green';         }         if(color in objectconverter(['green', 'blue', 'yellow', 'purple', 'red', 'gray'])) {             $('.progressbarfill').attr('class', 'progressbarfill clear').addclass(color);         }     }       };  }( jquery ));

and want call 

        $.countdown({             launchdate : new date("december 25, 2013 12:01:00"),             procentagedone : 1,             headercolor : 'yellow',             progressfillcolor : 'green',                 description:{header:"header text", text:"this sample text."}           });

but im unsure on how call function in plugin make work. please me out , clear thoughts on matter.


Comments

Post a Comment

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

-
can configure following sample code ? when run following code, error : no entity framework provider found ado.net provider invariant name 'devart.data.sqlite' setting in machine.config <system.data> <dbproviderfactories> <add name="dotconnect sqlite" invariant="devart.data.sqlite" description="devart dotconnect sqlite" type="devart.data.sqlite.sqliteproviderfactory, devart.data.sqlite, version=4.6.287.0, culture=neutral, publickeytoken=09af7300eec23701" /> </dbproviderfactories> </system.data> after add below block code in app.config <?xml version="1.0"?> <configuration>   <configsections> <!-- more information on entity framework configuration, visit http://go.microsoft.com/fwlink/?linkid=237468 --> <section name="entityframework" type="system.data.entity.internal.configfile.entityframeworksection, entit...
Read more

java - Copying object fields -

-
what best way of copying classes when need have 2 independent variables? have simple class: public class myclass { boolean = false; string b= "not empty"; } do need make method : assign(myclass data ) { a= data.a; b= data.b; } is there automatic method copy (duplicate) objects in java? do need make method : pretty close. instead of making method, should make constructor. such constructors called copy constructor , , create them this: myclass(myclass data) { = data.a; b = data.b; } and create copy of instance, use constructor this: myclass obj1 = new myclass(); myclass obj2 = new myclass(obj1); copy constructor can tedious : using copy constructor create deep-copy can tedious, when class has mutable fields. in case, assignment create copy of reference, , not object itself. have create copy of fields (if want deep copy). can go recursive. a better way create deep copy serialize , deserialize object. why not use clone()? ...
Read more

c++ - Clear the memory after returning a vector in a function -

-
i have function processes , stores lot of data in , returns results vector of class. amount of data stored in function tremendous , want clear storage memory of function after finished job. necessary (does function automatically clear memory) or should clear memory function? update: vector<customers> process(char* const *filename, vector<int> id) { vector<customers> list_of_customers; (perform actions) return list_of_customers; } variables defined locally within function automatically released @ end of function scope. destructors objects called, should free memory allocated objects (if objects coded correctly). example of such object std::vector . anything you've allocated new must have corresponding delete release storage. try avoid doing own allocation , use raii instead, i.e. containers or smart pointers.
Read more