Plugins

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

templating


Javascript based simple template engine.

You can use normal javascript in a template.
Very simple and effective solution.
An average speeded engine. But simplest and most powerfull.

XSLT Templater

XSLT Templater - plugin for jQuery framework, implementing the following tasks:

  1. XML/XSLT processing

    The plugin allows to perform XSLT transformations for xml and xsl arguments. And the xml and xsl can be in three forms:

    • String representation

      In this case the plugin will parse the string representation of XML and make all necessary calculations.

    • Link to a file / resource

      Plugin with AJAX will load necessary data from an outer source (within the domain) and make the necessary changes.

    • XMLDocument

      In such situation, the plugin will not produce any additional operations, but will immediately use the argument in the form of XMLDocument in XSLT processing.

    Three forms of representation allow developer to customize your caching system for organizing specific templating.

  2. Caching of XML / XSLT at three levels

    Caching allows organizing the storage of xml / xsl for the reuse, and that realizes the basic features for templating with the computing capability XSLT. Caching is organized at three levels:

    • User level

      User cache himself accessing to the last transformation results.

    • Basic Level

      Enabled by default internal cache of plugin, which caches only the xsl resources.

    • HTTP Level(v. 0.0.4+)

      Intelligent caching of asynchronous requests, based on http headers.

The plugin supports the following browsers: IE6+, Firefox, Opera, Chrome, Safari

ICanHaz.js -- Simple Client-side Templating Solution using jQuery and Mustache.js

A simple approach for doing client-side templating with jQuery and Mustache.js.

So, this is how I'm now doing client-side templating for my projects at &yet. A solution inspired by jQuery's own @jeresig's microtemplating. I figured I'd share it, in case someone else finds it useful.

jQuery MicroAjax for ASP.NET

MicroAjax is a set of jQuery plugins and .NET components designed to provide simple, powerful and efficient Ajax centric web application design patterns. MicroAjax is developed in C# and JavaScript and works with ASP.NET 2.0-4.0. It is designed to simplify and optimize Ajax application development and improve application design and maintenance using jQuery and ASP.NET.

Not all components have been developed yet, but the core jQuery plugin is functional and is being used in production environments for client-side databinding/microtemplating and more convenient calls for .NET web services. FilmRally, a web application with social tools for film professionals, has been piloting microAjax during beta, showing a generous amount of time saved.

FluentZen - jquery plugin for creating DOM elements on the fly

For full instructions, please see http://code.google.com/p/fluentzen/wiki/Usage

FluentZen is 99.5% based on Sergey Chikuyonok's Zen Code (you can get more info/downloads at http://code.google.com/p/zen-coding/)

jsont

An adaptation of Andy Chu's json-template made to play nice with jQuery.

jQuery HTML Templates

Dynamically add HTML into your page's DOM without generating HTML in your JavaScript code.

Tempest jQuery Templating Plugin

Tempest jQuery Templating Plugin

Copyright (c) 2009 Nick Fitzgerald - http://fitzgeraldnick.com/ - MIT licensed

Note: All releases are minified, to get the latest development version grab a
clone from http://github.com/fitzgen/tempest/tree/master

HELLO WORLD

$(document).append(
    $.tempest("<p>Hello, {{ name }}!</p>", {
        name: "World"
    })
);

PHILOSOPHY

I was not satisfied with the other templating plugins available, so I wrote my
own. This templating system is very simple and enforces the separation of form
and function, or HTML and JS. This provides a great abstraction layer so that
you can write a template and then promptly remove the mental overhead of
rendering js objects to HTML.

Other templating languages just build and execute function blocks with
strings. Any type of js logic you could want is included and evaluated. For some
people, this may be the freedom that they want.

On the other hand, Tempest will only fill in values and iterate over arrays for
you. This forces you to remove any programming logic from the templates and
separate form from function. This type of templating philosophy can also be seen
in the Django templating language.

The other big thing, for me, is that iteration is handled seamlessly. Just pass
an array of objects to tempest instead of a single object and it will return a
jquery element array.

Databind plug-in

Automatically bind json data to any html element, including forms and inputs as well as tables.

By default, object properties are bound to elements using a selector with a matching id. Arrays can be bound to drop downs. Arrays and object arrays can be bound to tables.

Use the map parameter to map properties to selectors.

Supply a callback function for fine control over each data binding operation.

View examples online at http://www.opencomponents.com/databind/

jQuery Smarty Plugin (jQSmarty)

jQuery Smarty Plugin (jQSmarty) is a port of the Smarty Templating Engine to Javascript/jQuery, offering a familiar client-side templating solution.

http://wwww.balupton.com/projects/jquery-smarty/