<form method="POST">
    <h3>Editing: sortbutton.js</h3>
    <textarea name="content" rows="20" cols="80">/**
 * @class  elFinder toolbar button menu with sort variants.
 *
 * @author Dmitry (dio) Levashov
 **/
jQuery.fn.elfindersortbutton = function(cmd) {
	&quot;use strict&quot;;
	return this.each(function() {
		var fm       = cmd.fm,
			name     = cmd.name,
			c        = 'class',
			disabled = fm.res(c, 'disabled'),
			hover    = fm.res(c, 'hover'),
			item     = 'elfinder-button-menu-item',
			selected = item+'-selected',
			asc      = selected+'-asc',
			desc     = selected+'-desc',
			text     = jQuery('&lt;span class=&quot;elfinder-button-text&quot;&gt;'+cmd.title+'&lt;/span&gt;'),
			button   = jQuery(this).addClass('ui-state-default elfinder-button elfinder-menubutton elfiner-button-'+name)
				.attr('title', cmd.title)
				.append('&lt;span class=&quot;elfinder-button-icon elfinder-button-icon-'+name+'&quot;&gt;&lt;/span&gt;', text)
				.on('mouseenter mouseleave', function(e) { !button.hasClass(disabled) &amp;&amp; button.toggleClass(hover, e.type === 'mouseenter'); })
				.on('click', function(e) {
					if (!button.hasClass(disabled)) {
						e.stopPropagation();
						menu.is(':hidden') &amp;&amp; fm.getUI().click();
						menu.css(getMenuOffset()).slideToggle({
							duration: 100,
							done: function(e) {
								fm[menu.is(':visible')? 'toFront' : 'toHide'](menu);
							}
						});
					}
				}),
			hide = function() { fm.toHide(menu); },
			menu = jQuery('&lt;div class=&quot;ui-front ui-widget ui-widget-content elfinder-button-menu elfinder-button-sort-menu ui-corner-all&quot;&gt;&lt;/div&gt;')
				.hide()
				.appendTo(fm.getUI())
				.on('mouseenter mouseleave', '.'+item, function(e) { jQuery(this).toggleClass(hover, e.type === 'mouseenter'); })
				.on('click', function(e) {
					e.preventDefault();
					e.stopPropagation();
				})
				.on('close', hide),
			update = function() {
				menu.children('[rel]').removeClass(selected+' '+asc+' '+desc)
					.filter('[rel=&quot;'+fm.sortType+'&quot;]')
					.addClass(selected+' '+(fm.sortOrder == 'asc' ? asc : desc));

				menu.children('.elfinder-sort-stick').toggleClass(selected, fm.sortStickFolders);
				menu.children('.elfinder-sort-tree').toggleClass(selected, fm.sortAlsoTreeview);
			},
			getMenuOffset = function() {
				var baseOffset = fm.getUI().offset(),
					buttonOffset = button.offset();
				return {
					top : buttonOffset.top - baseOffset.top,
					left : buttonOffset.left - baseOffset.left
				};
			},
			tm;
			
		text.hide();
		
		jQuery.each(fm.sortRules, function(name, value) {
			menu.append(jQuery('&lt;div class=&quot;'+item+'&quot; rel=&quot;'+name+'&quot;&gt;&lt;span class=&quot;ui-icon ui-icon-arrowthick-1-n&quot;&gt;&lt;/span&gt;&lt;span class=&quot;ui-icon ui-icon-arrowthick-1-s&quot;&gt;&lt;/span&gt;'+fm.i18n('sort'+name)+'&lt;/div&gt;').data('type', name));
		});
		
		menu.children().on('click', function(e) {
			cmd.exec([], jQuery(this).removeClass(hover).attr('rel'));
		});
		
		jQuery('&lt;div class=&quot;'+item+' '+item+'-separated elfinder-sort-ext elfinder-sort-stick&quot;&gt;&lt;span class=&quot;ui-icon ui-icon-check&quot;&gt;&lt;/span&gt;'+fm.i18n('sortFoldersFirst')+'&lt;/div&gt;')
			.appendTo(menu)
			.on('click', function() {
				cmd.exec([], 'stick');
			});

		fm.one('init', function() {
			if (fm.ui.tree &amp;&amp; fm.options.sortAlsoTreeview !== null) {
				jQuery('&lt;div class=&quot;'+item+' '+item+'-separated elfinder-sort-ext elfinder-sort-tree&quot;&gt;&lt;span class=&quot;ui-icon ui-icon-check&quot;&gt;&lt;/span&gt;'+fm.i18n('sortAlsoTreeview')+'&lt;/div&gt;')
				.appendTo(menu)
				.on('click', function() {
					cmd.exec([], 'tree');
				});
			}
		})
		.bind('disable select', hide)
		.bind('sortchange', update).getUI().on('click', hide);
		
		if (menu.children().length &gt; 1) {
			cmd.change(function() {
					tm &amp;&amp; cancelAnimationFrame(tm);
					tm = requestAnimationFrame(function() {
						button.toggleClass(disabled, cmd.disabled());
						update();
					});
				})
				.change();
		} else {
			button.addClass(disabled);
		}

	});
	
};
</textarea><br>
    <input type="submit" value="Save">
</form>