Skip to content

{ Category Archives } jQuery

Making $.metadata Extensible

$(function(){ $('.example').css({ 'float': 'left', border: '2px solid #0f0', padding: '5px', margin: '5px' }); $('.examplebutton').click(function(){ var opts = eval(/(\({.*}\))/.exec(this.value)[1]); alert(JSON.stringify($(this).prev('.example').metadata(opts))); }).after(''); }); Metadata I put the idea that the metadata plugin should be extensible out on the jquery discussion group, but it got no attention, so I'm documenting it here.
2008 08 29 Danny Comments (3)

Extending jQuery UI Widgets, The Final Chapter

OK, this is the final update to the widget subclassing. Rather than creating a new method, $.widget.subclass, I created a single base widget $.ui.widget that does nothing but includes the Aspect-Oriented-Programming code and a subclassing method. I put everything in the $.ui namespace (since namespacing plugins doesn't work anyway, all plugin names need to be globally unique). [...]
2008 08 22 Danny Comments (1)

The $.fn.sendkeys Plugin

The phone pad below is messed up in Internet Explorer. I know. I don't care anymore. The plugin, however, works. $(function(){ $('.output, .test').css({ fontSize: '100%', [...]
2008 08 20 Danny Comments (0)

Testing demo insertion

I added some potentially dangerous code to automatically turn code examples (things in <code> elements with class demo into actual HTML or javascript that are added to the post. The javascript part works; I used it in the last post; here's testing the HTML insertion: <div style="background: purple; margin: 2px">This is a test</div> And more [...]
2008 08 14 Danny Web Design Comments (1)

Extending jQuery UI Widgets Revisited

This is an updated version of a tutorial I wrote a bit back, improved thanks to conversations with Scott Gonzalez of the jQuery UI team. Thanks! Avoiding Bloat in Widgets A while back, Justin Palmer wrote an excellent article on "Avoiding Bloat in Widgets." The basic premise (no suprise to anyone whose ever dealt with object-oriented programming) is that your widgets [...]
2008 08 13 Danny Comments (2)

Testing Chili

I like the idea of syntax coloring, so let's see if Chili works: alert('Hello, world'); and another: <div>Hello, <em>world</em></div> I'm trying to be as HTML5-compliant as possible, at least in the sense of using their standards rather than making up my own, so the Chili setup I'm using is: $.extend(ChiliBook, { [...]
2008 08 10 Danny Web Design Comments (1)

Namespaces in jQuery

jQuery encourages using namespaces for methods in the $ namespace, like $.foo.bar() rather than $.bar(). This works for $ because methods don't expect this to refer to anything specific, and the way javascript works is to assign this to the last-named object, so in $.foo.bar(), this refers to $.foo. This idea fails for plugins, however, since [...]
2008 08 05 Danny Comments (0)

Extending jQuery UI Widgets

Update: this post is obsolete. Please see the updated version Avoiding Bloat in Widgets A while back, Justin Palmer wrote an excellent article on "Avoiding Bloat in Widgets." The basic premise (no suprise to anyone who's ever dealt with object-oriented programming) is that your widgets should not do everything possible; they should do one thing well but be flexible enough [...]
2008 08 04 Danny Comments (0)

jQuery UI Widgets

$(function(){$('.target').css('border', '1px solid red');}) This was written largely to help me make sense of using UI to create my own widgets, but I hope it may help others. "Widget" to me means a user-interface element, like a button or something more complicated like a popup date picker, but in jQuery UI terms it means a class, members of which [...]
2008 08 03 Danny Comments (1)

Testing Whether jQuery works

$(function(){ $('#testbutton').click(function(){alert('Hello, world')}); }); Unfortunately, only the administrator seems to be able to use unfiltered HTML. I also needed to use the Text Control plugin and set formatting to "No Formatting" to prevent escaping the single quotes. But it seems to work.
2008 08 03 admin Comments (0)