http://youngisrael-stl.org/wordpress Thoughts on web design and programming from a very occasional volunteer webmaster Fri, 24 Oct 2008 05:30:44 +0000 http://backend.userland.com/rss092 en The yomim tovim are over, so I will hopefully have a chance to play with jQuery again. But on the programming side, one thing I had to do was turn a table of honors, something like this: Rosh Hashana 1Rosh Hashana 2Yom Kippur MaarivPerson 1Person 2Person 3 ShacharitPerson 4Person 5Person 6 MusafPerson 7Person 8Person ... http://youngisrael-stl.org/wordpress/2008/10/23/turning-a-table-into-a-list-in-excel/ Switched themes to Barthelme; very simple and elegant. Removed the Chili code highlighting line-numbering, which only worked intermittently, tended to get lost in the margins of the <pre> elements, and didn't add much. http://youngisrael-stl.org/wordpress/2008/10/23/changes/ $(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. Metadata is information about a DOM element that isn't part of the actual text; e.g. ... http://youngisrael-stl.org/wordpress/2008/08/29/making-metadata-extensible/ 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 ... http://youngisrael-stl.org/wordpress/2008/08/22/extending-jquery-ui-widgets-the-final-chapter/ 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: ... http://youngisrael-stl.org/wordpress/2008/08/20/the-fnsendkeys-plugin/ 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: ... http://youngisrael-stl.org/wordpress/2008/08/14/testing-demo-insertion/ 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 ... http://youngisrael-stl.org/wordpress/2008/08/13/extending-jquery-ui-widgets-revisited/ 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, ... http://youngisrael-stl.org/wordpress/2008/08/10/testing-chili/ 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 ... http://youngisrael-stl.org/wordpress/2008/08/05/namespaces-in-jquery/ 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 ... http://youngisrael-stl.org/wordpress/2008/08/04/extending-jquery-ui-widgets/