Skip to content

{ Category Archives } jQuery

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%', width: '12em', padding: '0.5em' }); $('.phonepad ').css({ width: '13.5em', border: '1px solid gray', padding: '0px' }); $('.phonepad input').css({ width: '3em', height: '2em', margin: '.5em' }); $('div.test').css({ border: '1px solid gray' [...]
2008 08 20 Danny Comments (4)

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 page is obsolete (it uses jQuery UI 1.5). Please see the updated page. 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 [...]
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, { automatic: false, codeLanguage: function(el){ [...]
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, [...]
2008 08 05 Danny Comments (13)

Extending jQuery UI Widgets

This page is obsolete (it uses jQuery UI 1.5). Please see the updated page. 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 [...]
2008 08 04 Danny Comments (0)

jQuery UI Widgets

This page is obsolete (it uses jQuery UI 1.5). Please see the updated page. $(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 [...]
2008 08 03 Danny Comments (7)

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)

A jQuery WordPress plugin

The Using Javascript page in the Codex says to include common javascript files in your header.php file, but that means re-writing it whenever you change themes. I created a simple plugin that includes jQuery and ui.jquery on each page; it's <?php /* Plugin Name: jQuery Plugin URI: http://bililite.com/blog/ Description: Includes the jQuery javascript framework (and [...]
2008 08 03 Danny Web Design Comments (0)

Keepaway, a silly jQuery plugin

My brother sent me a "salary survey" with one question, "Are you happy with your current salary," where the "No" button ran away from the mouse. I thought it might be useful for gag sites, so I created a jquery plugin that mimics that effect, at http://bililite.com/blog/blogfiles/keepaway.html. It's easy enough to use, just $(selector).keepaway(options) ,with [...]
2007 10 28 Danny Comments (0)