Skip to content

Instantly share code, notes, and snippets.

@volter9
Created January 24, 2015 18:58
Show Gist options
  • Save volter9/fb44cc576a5cbb75e1a1 to your computer and use it in GitHub Desktop.
Save volter9/fb44cc576a5cbb75e1a1 to your computer and use it in GitHub Desktop.
First version of my Form-Preview plugin for jQuery
$(function () {
var view = $('#preview'),
elements = $('.preview-form form').find('select, input, textarea');
function preview (specific) {
if (view.hasClass('off')) {
return;
}
if ( !specific ) {
specific = elements;
}
specific.each(function () {
var self = $(this);
var value = self.val();
var element = view.find('[data-preview=' + self.attr('name') + ']');
var attribute = element.attr('data-attr'),
pattern = element.attr('data-pattern');
if (pattern) {
value = pattern.replace('%s', value);
}
if (!attribute) {
element.html(value);
}
else {
element.attr(attribute, value);
}
});
}
view.find('a').attr('target', '_blank');
elements.on('input', function () {
var self = $(this);
preview(self);
});
preview();
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment