jQuery Roundup: jquery.terminal, jquery-inputs, Mobily*

16 Aug 2011 | By Alex Young | Tags jquery plugins ui terminal forms

Note: You can send your plugins and articles in for review through our contact form or @dailyjs.

jquery.terminal

jquery.terminal (GitHub: jcubic / jquery.terminal, License: LGPL 3) by Jakub Jankiewicz helps create client-side command-line applications. With one line of code it’ll display an interpreter for JSON-RPC services, and even supports authentication. Keyboard shortcuts like ctrl+d are supported, and history can be saved to local storage.

The source that runs the demo shows how simple it is to get something going with jquery.terminal:

jQuery(function($, undefined) {
    $('#term_demo').terminal(function(command, term) {
        var result = window.eval(command);
        if (result != undefined) {
            term.echo(String(result));
        }
    }, {
        greetings: 'Javascript Interpreter',
        name: 'js_demo',
        height: 200,
        width: 450,
        prompt: 'js>'});
});

jquery-inputs

jquery-inputs (License: MIT) by Denny Shimkoski allows getting and setting of form inputs using hierarchical JSON data structures. Given a suitable form, the following JSON will be interpreted and inserted into the correct fields:

$('form.user').inputs('set', {
  user: {
    name: 'Alex',
    description: 'JavaScript fan',
    password: 'All your base'
  }
});

In this example, an input with a name of user_name found within form.user will be set to 'Alex'. This seems like an extremely useful addition to the growing suite of jQuery templating tools.

MobilyMap, MobilySlider, MobilyBlocks

Marcin Dziewulski sent in three plugins. MobilyMap (Demo, License: MIT) generates Google Maps-inspired draggable interfaces from a regular bitmap image. It supports markers, captions, controls, and it’ll even save the last position in a cookie.

MobilySlider (Demo, License: MIT) is yet another jQuery slideshow plugin. It includes controls for pagination and next/previous scrolling, and will pause on hover.

MobilySelect (Demo, License: MIT) can replace one set of items for another. The author’s example usage is switching between groups of images.

MobilyBlocks (Demo, License: MIT) displays unordered lists as animated circles. It’s a very interesting effect (pictured above).

I thought this was a great collection of plugins, but I can’t seem to find uncompressed source code. Hopefully Marcin will post the original source somewhere like GitHub (or his favourite code sharing site) so we can contribute!


blog comments powered by Disqus