Comments on: this.options – setting defaults that can be overwritten in your classes http://www.clientcide.com/best-practices/thisoptions-setting-defaults-that-can-be-overwritten-in-your-classes/ Making stuff work on the other side of the request. Thu, 12 Jan 2012 20:00:45 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Beware: object = object has a pitfall » Clientside http://www.clientcide.com/best-practices/thisoptions-setting-defaults-that-can-be-overwritten-in-your-classes/comment-page-1/#comment-4073 Beware: object = object has a pitfall » Clientside Sat, 13 Jan 2007 01:54:11 +0000 http://clientside.cnet.com/best-practices/thisoptions-setting-defaults-that-can-be-overwritten-in-your-classes/#comment-4073 [...] So I spent an entire day discovering a quirk about javascript that I must now share. In a previous post on creating default settings for classes/objects I discussed the following technique: PLAIN TEXT JavaScript: var Widget = new Class({ initialize: function(element, options){ this.element = element; this.options = Object.extend({ offsetX: 0, offsetY: 0 }, options || {}); this.setPosition(); }, setPosition: function(){ this.element.setStyles({ left: this.options.offsetX + 'px', top: this.options.offsetY + 'px' }); } }); [...] [...] So I spent an entire day discovering a quirk about javascript that I must now share. In a previous post on creating default settings for classes/objects I discussed the following technique: PLAIN TEXT JavaScript: var Widget = new Class({ initialize: function(element, options){ this.element = element; this.options = Object.extend({ offsetX: 0, offsetY: 0 }, options || {}); this.setPosition(); }, setPosition: function(){ this.element.setStyles({ left: this.options.offsetX + ‘px’, top: this.options.offsetY + ‘px’ }); } }); [...]

]]> By: Aaron N. http://www.clientcide.com/best-practices/thisoptions-setting-defaults-that-can-be-overwritten-in-your-classes/comment-page-1/#comment-65 Aaron N. Mon, 20 Nov 2006 16:45:06 +0000 http://clientside.cnet.com/best-practices/thisoptions-setting-defaults-that-can-be-overwritten-in-your-classes/#comment-65 Hi Cody, I really appreciate you sharing this example, but I don't think it's quite the same concept. The way that my example above works lets you set defaults and the user passes in their own options that overwrite any portion of those defaults. In your tooltip example, you add a bunch of options together with those passed in, but the user doesn't have any way to alter the defaults. Hi Cody,

I really appreciate you sharing this example, but I don’t think it’s quite the same concept. The way that my example above works lets you set defaults and the user passes in their own options that overwrite any portion of those defaults. In your tooltip example, you add a bunch of options together with those passed in, but the user doesn’t have any way to alter the defaults.

]]> By: cody lindley http://www.clientcide.com/best-practices/thisoptions-setting-defaults-that-can-be-overwritten-in-your-classes/comment-page-1/#comment-64 cody lindley Sat, 18 Nov 2006 13:51:49 +0000 http://clientside.cnet.com/best-practices/thisoptions-setting-defaults-that-can-be-overwritten-in-your-classes/#comment-64 A great coding example of this is the following prototype tooltip code: http://blog.innerewut.de/files/tooltip/tooltip-v0.1.js A great coding example of this is the following prototype tooltip code:

http://blog.innerewut.de/files/tooltip/tooltip-v0.1.js

]]> By: Aaron N. http://www.clientcide.com/best-practices/thisoptions-setting-defaults-that-can-be-overwritten-in-your-classes/comment-page-1/#comment-61 Aaron N. Wed, 15 Nov 2006 02:07:49 +0000 http://clientside.cnet.com/best-practices/thisoptions-setting-defaults-that-can-be-overwritten-in-your-classes/#comment-61 In my haste to just throw this up, my example had a couple of errors. Despite the fact that there's no reason to execute this to illustrate the point, I don't want to confuse anyone; I've updated the examples. In my haste to just throw this up, my example had a couple of errors. Despite the fact that there’s no reason to execute this to illustrate the point, I don’t want to confuse anyone; I’ve updated the examples.

]]>