Hacking at 0300 : jQuery

{ Category Archives } jQuery

jQuery 1.5

Well, jQuery 1.5 is out and there's yet another incompatibility: they changed the way attribute selectors work. You used to be able to use them without quotes, as [attr=value] but that now throws an exception. Now you have to use [attr="value"]. Not sure why they changed it; The CSS level 3 definition is ambiguous about [...]

2011 02 10 Danny Javascript Comments (0)

Improved `hebrewkeyboard`

Now that sendkeys is fixed to work with contenteditable and I've analyzed Lebedev's VirtualKeyboard to allow typing on the physical keyboard, updating the hebrewKeyboard plugin was straightforward. I had to learn a fair amount about the difference between keyup, keydown, and keypress events, but I think everything works. Check it out!

Improved `sendkeys`

The $.fn.sendkeys Plugin This is an updated version of my original $.fn.sendkeys post. I wanted to make a general-purpose onscreen keypad, and wasted a huge amount of time trying to find a way to simulate a keypress. $(element).trigger("keypress",...) won't work. Neither will keyup or keydown. For security reasons, I guess, you can't tell an element [...]

2011 01 23 Danny Javascript Comments (4)

jQuery Text Effects

I have no idea when I would ever want to use these, but they are very cool. <h4>Click Me</h4> <div id="texteffect" style="width: 200px;height: 200px; border: 1px solid purple; background: #abcdef; cursor: pointer; padding: 2px; overflow: hidden"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur libero sem, fringilla in posuere a, cursus nec felis. Integer [...]

2011 01 05 Danny Comments (0)

Using JavaScript VirtualKeyboard with jQuery

Update: Connie Wiolowan of allanguages.info has made some comments and I've updated the post to reflect them. Thanks! Connie also created a jQuery plugin for the virtual keyboard; see the comment for details. I like Ilya Lebedev's JavaScript VirtualKeyboard a lot. It's clever, got an elegant UI, allows you to remap the physical keyboard to [...]

2010 12 26 Danny Javascript Comments (4)

New `textpopup`

I had a terrible time getting the positioning for my textpopup to come out right and my solution was hacky and didn't work consistently. It seems that everyone had that problem, and the jQuery UI team solved it (yay!) for version 1.8. Enter the enhanced position. It does all the work for me and allows [...]

2010 11 23 Danny Javascript Comments (0)

jQuery UI 1.8

Well, they released jQuery UI 1.8 two days ago, and now everything is broken. I understand why the changes were made, but it sure is inconvenient. Plugins and posts updated so far: timepickr widget tutorial extending widgets flexcal googlesearch and ajaxpopup textpopup and hebrewkeyboard And on top of that, chili stopped working with jQuery 1.4 [...]

2010 03 25 Danny Comments (2)

Updating `timepickr`

Updated for jQuery UI 1.8.5 10/30/2010 I like Maxime Haineault's timepickr. But I found it was written for jQuery 1.2, and didn't trigger events correctly with the current jQuery. It also had more dependencies than I wanted, to the extent that the minified version is 49k large, and had some CSS quirks in Internet Explorer [...]

2009 07 09 Danny Comments (68)

Copying jQuery UI styles and Detecting CSS Loading

So let's say I want to create elements that match a jQuery UI theme (in my case, I was using a <canvas> element and wanted to copy colors). I could try to parse the CSS file directly, but that runs afoul of the same-origin security problem (I use Google's CDN to get the jQuery UI [...]

2009 06 24 Danny Javascript Comments (3)

Keyboard accesibility in `flexcal`

I added keyboard accessibility to flexcal, based on the AOL style guide. Tabbing into the trigger for a textpopup makes it pop. The focus remains on the input element and requires another tab to put the focus on the calendar (a bit awkward to require two tabs but I didn't want to have the input [...]

2009 05 27 Danny Comments (0)