Skip to content

{ Author Archives }

New UI widgets: textpopup and hebrewKeyboard

The Hebrew pop-up keyboard on the YI site search box was always hard-coded and kind of obtrusive, so I wanted to make a jQuery plugin to add a keyboard to any input type="text" or textarea. To make it more flexible, I factored it into a general-purpose popup widget and the keyboard itself. Download the code.

Turning a table into a list in Excel

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 9 And turn it into this: WhenWhatWho Rosh [...]

Changes

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.

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.

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). [...]

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%', [...]

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 [...]

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 [...]

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, { [...]

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 [...]