BlockUI is a jQuery plugin by Mike Alsup. BlockUI disables user activity until everything required is loaded. This allows fewer possible glitches during user interaction.
The plugin offers a neat way of creating “synchronous” websites, and could see use in a vast spectrum of websites.
In addition to blocking a page, the plugin can disable separate elements, and even create modal boxes in the process–pretty neat for any web application.
jquery.form is a fresh jQuery plugin that allows upgrading HTML forms to use AJAX.
Forms are bound like this:
05 July, 2010
By Lauris Veips
$(document).ready(function() {
$('#myForm').ajaxForm(function() {
alert("Thank you for your comment!");
});
});
(pretty simple, isn’t it?)
Other than for form validation purposes, jquery.form is used for basic file uploads, data handling (via JSON, XML, and HTML), and other features that AJAX offers.
jquery.form is the plugin for you if you want to have better control over your forms.
translate.js by Marak Squires is a nifty JavaScript translate plugin, which translates text, and does it in the following way:
Well, at least the picture in the developer’s website says so.
translate.js uses the Google Translate API and can be implemented on server-side plugins, such as node.js, too.
translate.js is great for smaller international projects, and, used together with a geolocation plugin, it can produce outstanding results.
Flip! is a jQuery plugin that adds dimensions to your elements, by allowing them to be flipped into four directions. You can use „flipboxes” to create interactive content, e.g. show the features of a product from all sides, or simply add a fun touch to the design.
Flip doesn’t fall short on the functionality: you can change the flipboxes’ color; animation speed; and even call functions before, during, and after the animation.
Juris Galang has written jQuery.sexypost, a jQuery plugin which “sexifies” forms to enable extensive form monitoring and placing events, which happen during form submitting, file upload, etc.
This is how a form gets sexified:
$(document).ready(function(){
$(form).sexyPost({
onprogress: function(event, completed, loaded, total) {
$("#status").text("Uploading: " + (completed * 100).toFixed(2) + "% complete...")
},
oncomplete: function(event, responseText) {
$("#status").text("Upload complete.")
}
})
})
Sexypost can come in handy for monitoring upload progress and checking the validity of form information; the plugin can as well allow extended error reporting with its onerror() event.
Renan Viegas has written jQuery GlobalMoneyInput – a jQuery plugin which allows local currencies to be imported into input elements.
The plugin can be customized to include or exclude the display of the currency symbol. Its main advantage is the wide selection of currency available. This plugin, if used together with other currency plugins, could see use in on-site currrency convertors or international shopping carts.
